#CF9CBA - #FFCCC0 | 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 #CF9CBA to #FFCCC0

#CF9CBA #FFCCC0

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

#CF9CBA - #FFCCC0 | 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 #CF9CBA as 0% and #FFCCC0 as 100%.

0.0%	0.0% #CF9CBA	RGB 207 156 186	#CF9CBA
16.7%	16.7% #D7A4BB	RGB 215 164 187	#D7A4BB
33.3%	33.3% #DFACBC	RGB 223 172 188	#DFACBC
50.0%	50.0% #E7B4BD	RGB 231 180 189	#E7B4BD
66.7%	66.7% #EFBCBE	RGB 239 188 190	#EFBCBE
83.3%	83.3% #F7C4BF	RGB 247 196 191	#F7C4BF
100.0%	100.0% #FFCCC0	RGB 255 204 192	#FFCCC0

#CF9CBA #D7A4BB #DFACBC #E7B4BD #EFBCBE #F7C4BF #FFCCC0

#CF9CBA - #FFCCC0

HSV Blend

#CF9CBA - #FFCCC0 | 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 #CF9CBA as 0% and #FFCCC0 as 100%.

0.0%	0.0% #CF9CBA	RGB 207 156 186	#CF9CBA
16.7%	16.7% #D7A2BA	RGB 215 162 186	#D7A2BA
33.3%	33.3% #DFA8BA	RGB 223 168 186	#DFA8BA
50.0%	50.0% #E7AEB9	RGB 231 174 185	#E7AEB9
66.7%	66.7% #EFB4B8	RGB 239 180 184	#EFB4B8
83.3%	83.3% #F7BDBA	RGB 247 189 186	#F7BDBA
100.0%	100.0% #FFCCC0	RGB 255 204 192	#FFCCC0

#CF9CBA #D7A2BA #DFA8BA #E7AEB9 #EFB4B8 #F7BDBA #FFCCC0

#CF9CBA - #E7AEB9 - #FFCCC0

CSS codes

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

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