#FFC2D0 - #CF5866 | 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 #FFC2D0 to #CF5866

#FFC2D0 #CF5866

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

#FFC2D0 - #CF5866 | 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 #FFC2D0 as 0% and #CF5866 as 100%.

0.0%	0.0% #FFC2D0	RGB 255 194 208	#FFC2D0
16.7%	16.7% #F7B0BE	RGB 247 176 190	#F7B0BE
33.3%	33.3% #EF9EAC	RGB 239 158 172	#EF9EAC
50.0%	50.0% #E78D9B	RGB 231 141 155	#E78D9B
66.7%	66.7% #DF7B89	RGB 223 123 137	#DF7B89
83.3%	83.3% #D76977	RGB 215 105 119	#D76977
100.0%	100.0% #CF5866	RGB 207 88 102	#CF5866

#FFC2D0 #F7B0BE #EF9EAC #E78D9B #DF7B89 #D76977 #CF5866

#FFC2D0 - #CF5866

HSV Blend

#FFC2D0 - #CF5866 | 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 #FFC2D0 as 0% and #CF5866 as 100%.

0.0%	0.0% #FFC2D0	RGB 255 194 208	#FFC2D0
16.7%	16.7% #F7AEBD	RGB 247 174 189	#F7AEBD
33.3%	33.3% #EF9BAB	RGB 239 155 171	#EF9BAB
50.0%	50.0% #E78899	RGB 231 136 153	#E78899
66.7%	66.7% #DF7787	RGB 223 119 135	#DF7787
83.3%	83.3% #D76776	RGB 215 103 118	#D76776
100.0%	100.0% #CF5866	RGB 207 88 102	#CF5866

#FFC2D0 #F7AEBD #EF9BAB #E78899 #DF7787 #D76776 #CF5866

#FFC2D0 - #E78899 - #CF5866

CSS codes

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

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