#CD645F - #CCB5E5 | 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 #CD645F to #CCB5E5

#CD645F #CCB5E5

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

#CD645F - #CCB5E5 | 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 #CD645F as 0% and #CCB5E5 as 100%.

0.0%	0.0% #CD645F	RGB 205 100 95	#CD645F
16.7%	16.7% #CC7175	RGB 204 113 117	#CC7175
33.3%	33.3% #CC7F8B	RGB 204 127 139	#CC7F8B
50.0%	50.0% #CC8CA2	RGB 204 140 162	#CC8CA2
66.7%	66.7% #CC9AB8	RGB 204 154 184	#CC9AB8
83.3%	83.3% #CCA7CE	RGB 204 167 206	#CCA7CE
100.0%	100.0% #CCB5E5	RGB 204 181 229	#CCB5E5

#CD645F #CC7175 #CC7F8B #CC8CA2 #CC9AB8 #CCA7CE #CCB5E5

#CD645F - #CCB5E5

HSV Blend

#CD645F - #CCB5E5 | 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 #CD645F as 0% and #CCB5E5 as 100%.

0.0%	0.0% #CD645F	RGB 205 100 95	#CD645F
16.7%	16.7% #D16C81	RGB 209 108 129	#D16C81
33.3%	33.3% #D579A5	RGB 213 121 165	#D579A5
50.0%	50.0% #D988C3	RGB 217 136 195	#D988C3
66.7%	66.7% #DD96DC	RGB 221 150 220	#DD96DC
83.3%	83.3% #D1A5E1	RGB 209 165 225	#D1A5E1
100.0%	100.0% #CCB5E5	RGB 204 181 229	#CCB5E5

#CD645F #D16C81 #D579A5 #D988C3 #DD96DC #D1A5E1 #CCB5E5

#CD645F - #D988C3 - #CCB5E5

CSS codes

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

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