#CC9CCB - #F0E2F0 | 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 #CC9CCB to #F0E2F0

#CC9CCB #F0E2F0

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

#CC9CCB - #F0E2F0 | 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 #CC9CCB as 0% and #F0E2F0 as 100%.

0.0%	0.0% #CC9CCB	RGB 204 156 203	#CC9CCB
16.7%	16.7% #D2A7D1	RGB 210 167 209	#D2A7D1
33.3%	33.3% #D8B3D7	RGB 216 179 215	#D8B3D7
50.0%	50.0% #DEBFDD	RGB 222 191 221	#DEBFDD
66.7%	66.7% #E4CAE3	RGB 228 202 227	#E4CAE3
83.3%	83.3% #EAD6E9	RGB 234 214 233	#EAD6E9
100.0%	100.0% #F0E2F0	RGB 240 226 240	#F0E2F0

#CC9CCB #D2A7D1 #D8B3D7 #DEBFDD #E4CAE3 #EAD6E9 #F0E2F0

#CC9CCB - #F0E2F0

HSV Blend

#CC9CCB - #F0E2F0 | 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 #CC9CCB as 0% and #F0E2F0 as 100%.

0.0%	0.0% #CC9CCB	RGB 204 156 203	#CC9CCB
16.7%	16.7% #D2A6D1	RGB 210 166 209	#D2A6D1
33.3%	33.3% #D8B1D7	RGB 216 177 215	#D8B1D7
50.0%	50.0% #DEBDDD	RGB 222 189 221	#DEBDDD
66.7%	66.7% #E4C9E3	RGB 228 201 227	#E4C9E3
83.3%	83.3% #EAD5E9	RGB 234 213 233	#EAD5E9
100.0%	100.0% #F0E2F0	RGB 240 226 240	#F0E2F0

#CC9CCB #D2A6D1 #D8B1D7 #DEBDDD #E4C9E3 #EAD5E9 #F0E2F0

#CC9CCB - #DEBDDD - #F0E2F0

CSS codes

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

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