#FFC2D1 - #CF5867 | 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 #FFC2D1 to #CF5867

#FFC2D1 #CF5867

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

#FFC2D1 - #CF5867 | 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 #FFC2D1 as 0% and #CF5867 as 100%.

0.0%	0.0% #FFC2D1	RGB 255 194 209	#FFC2D1
16.7%	16.7% #F7B0BF	RGB 247 176 191	#F7B0BF
33.3%	33.3% #EF9EAD	RGB 239 158 173	#EF9EAD
50.0%	50.0% #E78D9C	RGB 231 141 156	#E78D9C
66.7%	66.7% #DF7B8A	RGB 223 123 138	#DF7B8A
83.3%	83.3% #D76978	RGB 215 105 120	#D76978
100.0%	100.0% #CF5867	RGB 207 88 103	#CF5867

#FFC2D1 #F7B0BF #EF9EAD #E78D9C #DF7B8A #D76978 #CF5867

#FFC2D1 - #CF5867

HSV Blend

#FFC2D1 - #CF5867 | 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 #FFC2D1 as 0% and #CF5867 as 100%.

0.0%	0.0% #FFC2D1	RGB 255 194 209	#FFC2D1
16.7%	16.7% #F7AEBE	RGB 247 174 190	#F7AEBE
33.3%	33.3% #EF9BAC	RGB 239 155 172	#EF9BAC
50.0%	50.0% #E7889A	RGB 231 136 154	#E7889A
66.7%	66.7% #DF7788	RGB 223 119 136	#DF7788
83.3%	83.3% #D76777	RGB 215 103 119	#D76777
100.0%	100.0% #CF5867	RGB 207 88 103	#CF5867

#FFC2D1 #F7AEBE #EF9BAC #E7889A #DF7788 #D76777 #CF5867

#FFC2D1 - #E7889A - #CF5867

CSS codes

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

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