#CD4BA1 - #F0CBE4 | 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 #CD4BA1 to #F0CBE4

#CD4BA1 #F0CBE4

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

#CD4BA1 - #F0CBE4 | 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 #CD4BA1 as 0% and #F0CBE4 as 100%.

0.0%	0.0% #CD4BA1	RGB 205 75 161	#CD4BA1
16.7%	16.7% #D260AC	RGB 210 96 172	#D260AC
33.3%	33.3% #D875B7	RGB 216 117 183	#D875B7
50.0%	50.0% #DE8BC2	RGB 222 139 194	#DE8BC2
66.7%	66.7% #E4A0CD	RGB 228 160 205	#E4A0CD
83.3%	83.3% #EAB5D8	RGB 234 181 216	#EAB5D8
100.0%	100.0% #F0CBE4	RGB 240 203 228	#F0CBE4

#CD4BA1 #D260AC #D875B7 #DE8BC2 #E4A0CD #EAB5D8 #F0CBE4

#CD4BA1 - #F0CBE4

HSV Blend

#CD4BA1 - #F0CBE4 | 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 #CD4BA1 as 0% and #F0CBE4 as 100%.

0.0%	0.0% #CD4BA0	RGB 205 75 160	#CD4BA0
16.7%	16.7% #D25EAB	RGB 210 94 171	#D25EAB
33.3%	33.3% #D871B6	RGB 216 113 182	#D871B6
50.0%	50.0% #DE86C1	RGB 222 134 193	#DE86C1
66.7%	66.7% #E49CCC	RGB 228 156 204	#E49CCC
83.3%	83.3% #EAB3D8	RGB 234 179 216	#EAB3D8
100.0%	100.0% #F0CBE4	RGB 240 203 228	#F0CBE4

#CD4BA0 #D25EAB #D871B6 #DE86C1 #E49CCC #EAB3D8 #F0CBE4

#CD4BA1 - #DE86C1 - #F0CBE4

CSS codes

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

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