#CC2D59 - #B5A4FC | 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 #CC2D59 to #B5A4FC

#CC2D59 #B5A4FC

Calculate the color between two colors, #CC2D59 and #B5A4FC. 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)

#CC2D59 - #B5A4FC | 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 #CC2D59 as 0% and #B5A4FC as 100%.

0.0%	0.0% #CC2D59	RGB 204 45 89	#CC2D59
16.7%	16.7% #C84074	RGB 200 64 116	#C84074
33.3%	33.3% #C4548F	RGB 196 84 143	#C4548F
50.0%	50.0% #C068AA	RGB 192 104 170	#C068AA
66.7%	66.7% #BC7CC5	RGB 188 124 197	#BC7CC5
83.3%	83.3% #B890E0	RGB 184 144 224	#B890E0
100.0%	100.0% #B5A4FC	RGB 181 164 252	#B5A4FC

#CC2D59 #C84074 #C4548F #C068AA #BC7CC5 #B890E0 #B5A4FC

#CC2D59 - #B5A4FC

HSV Blend

#CC2D59 - #B5A4FC | 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 #CC2D59 as 0% and #B5A4FC as 100%.

0.0%	0.0% #CC2C59	RGB 204 44 89	#CC2C59
16.7%	16.7% #D43D8D	RGB 212 61 141	#D43D8D
33.3%	33.3% #DC50BE	RGB 220 80 190	#DC50BE
50.0%	50.0% #DE63E4	RGB 222 99 228	#DE63E4
66.7%	66.7% #C977EC	RGB 201 119 236	#C977EC
83.3%	83.3% #BB8DF4	RGB 187 141 244	#BB8DF4
100.0%	100.0% #B5A4FC	RGB 181 164 252	#B5A4FC

#CC2C59 #D43D8D #DC50BE #DE63E4 #C977EC #BB8DF4 #B5A4FC

#CC2D59 - #DE63E4 - #B5A4FC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC2C59 0%, #DE63E4 50%, #B5A4FC 100%);
    background: -webkit-linear-gradient(top, #CC2C59 0%, #DE63E4 50%, #B5A4FC 100%);
    background: linear-gradient(to bottom, #CC2C59 0%, #DE63E4 50%, #B5A4FC 100%);
}
</style>