#590F5E - #CFBAD1 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #590F5E to #CFBAD1

#590F5E #CFBAD1

Calculate the color between two colors, #590F5E and #CFBAD1. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#590F5E - #CFBAD1 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #590F5E as 0% and #CFBAD1 as 100%.

0.0%	0.0% #590F5E	RGB 89 15 94	#590F5E
16.7%	16.7% #6C2B71	RGB 108 43 113	#6C2B71
33.3%	33.3% #804884	RGB 128 72 132	#804884
50.0%	50.0% #946497	RGB 148 100 151	#946497
66.7%	66.7% #A781AA	RGB 167 129 170	#A781AA
83.3%	83.3% #BB9DBD	RGB 187 157 189	#BB9DBD
100.0%	100.0% #CFBAD1	RGB 207 186 209	#CFBAD1

#590F5E #6C2B71 #804884 #946497 #A781AA #BB9DBD #CFBAD1

#590F5E - #CFBAD1

HSV Blend

#590F5E - #CFBAD1 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #590F5E as 0% and #CFBAD1 as 100%.

0.0%	0.0% #580E5E	RGB 88 14 94	#580E5E
16.7%	16.7% #6B1F71	RGB 107 31 113	#6B1F71
33.3%	33.3% #7E3584	RGB 126 53 132	#7E3584
50.0%	50.0% #924F97	RGB 146 79 151	#924F97
66.7%	66.7% #A56EAA	RGB 165 110 170	#A56EAA
83.3%	83.3% #BA91BD	RGB 186 145 189	#BA91BD
100.0%	100.0% #CFBAD1	RGB 207 186 209	#CFBAD1

#580E5E #6B1F71 #7E3584 #924F97 #A56EAA #BA91BD #CFBAD1

#590F5E - #924F97 - #CFBAD1

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #590F5E 0%, #CFBAD1 100%);
    background: -webkit-linear-gradient(top, #590F5E 0%, #CFBAD1 100%);
    background: linear-gradient(to bottom, #590F5E 0%, #CFBAD1 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #580E5E 0%, #924F97 50%, #CFBAD1 100%);
    background: -webkit-linear-gradient(top, #580E5E 0%, #924F97 50%, #CFBAD1 100%);
    background: linear-gradient(to bottom, #580E5E 0%, #924F97 50%, #CFBAD1 100%);
}
</style>