#CD6B9F - #F0D4E3 | 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 #CD6B9F to #F0D4E3

#CD6B9F #F0D4E3

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

#CD6B9F - #F0D4E3 | 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 #CD6B9F as 0% and #F0D4E3 as 100%.

0.0%	0.0% #CD6B9F	RGB 205 107 159	#CD6B9F
16.7%	16.7% #D27CAA	RGB 210 124 170	#D27CAA
33.3%	33.3% #D88EB5	RGB 216 142 181	#D88EB5
50.0%	50.0% #DE9FC1	RGB 222 159 193	#DE9FC1
66.7%	66.7% #E4B1CC	RGB 228 177 204	#E4B1CC
83.3%	83.3% #EAC2D7	RGB 234 194 215	#EAC2D7
100.0%	100.0% #F0D4E3	RGB 240 212 227	#F0D4E3

#CD6B9F #D27CAA #D88EB5 #DE9FC1 #E4B1CC #EAC2D7 #F0D4E3

#CD6B9F - #F0D4E3

HSV Blend

#CD6B9F - #F0D4E3 | 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 #CD6B9F as 0% and #F0D4E3 as 100%.

0.0%	0.0% #CD6B9F	RGB 205 107 159	#CD6B9F
16.7%	16.7% #D27AA9	RGB 210 122 169	#D27AA9
33.3%	33.3% #D88BB4	RGB 216 139 180	#D88BB4
50.0%	50.0% #DE9CBF	RGB 222 156 191	#DE9CBF
66.7%	66.7% #E4AECB	RGB 228 174 203	#E4AECB
83.3%	83.3% #EAC0D6	RGB 234 192 214	#EAC0D6
100.0%	100.0% #F0D4E3	RGB 240 212 227	#F0D4E3

#CD6B9F #D27AA9 #D88BB4 #DE9CBF #E4AECB #EAC0D6 #F0D4E3

#CD6B9F - #DE9CBF - #F0D4E3

CSS codes

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

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