#CD6BBC - #F0D4EB | 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 #CD6BBC to #F0D4EB

#CD6BBC #F0D4EB

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

#CD6BBC - #F0D4EB | 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 #CD6BBC as 0% and #F0D4EB as 100%.

0.0%	0.0% #CD6BBC	RGB 205 107 188	#CD6BBC
16.7%	16.7% #D27CC3	RGB 210 124 195	#D27CC3
33.3%	33.3% #D88ECB	RGB 216 142 203	#D88ECB
50.0%	50.0% #DE9FD3	RGB 222 159 211	#DE9FD3
66.7%	66.7% #E4B1DB	RGB 228 177 219	#E4B1DB
83.3%	83.3% #EAC2E3	RGB 234 194 227	#EAC2E3
100.0%	100.0% #F0D4EB	RGB 240 212 235	#F0D4EB

#CD6BBC #D27CC3 #D88ECB #DE9FD3 #E4B1DB #EAC2E3 #F0D4EB

#CD6BBC - #F0D4EB

HSV Blend

#CD6BBC - #F0D4EB | 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 #CD6BBC as 0% and #F0D4EB as 100%.

0.0%	0.0% #CD6BBC	RGB 205 107 188	#CD6BBC
16.7%	16.7% #D27AC3	RGB 210 122 195	#D27AC3
33.3%	33.3% #D88BCB	RGB 216 139 203	#D88BCB
50.0%	50.0% #DE9CD2	RGB 222 156 210	#DE9CD2
66.7%	66.7% #E4AEDA	RGB 228 174 218	#E4AEDA
83.3%	83.3% #EAC0E2	RGB 234 192 226	#EAC0E2
100.0%	100.0% #F0D4EB	RGB 240 212 235	#F0D4EB

#CD6BBC #D27AC3 #D88BCB #DE9CD2 #E4AEDA #EAC0E2 #F0D4EB

#CD6BBC - #DE9CD2 - #F0D4EB

CSS codes

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

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