#FFC2D9 - #CF586E | 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 #FFC2D9 to #CF586E

#FFC2D9 #CF586E

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

#FFC2D9 - #CF586E | 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 #FFC2D9 as 0% and #CF586E as 100%.

0.0%	0.0% #FFC2D9	RGB 255 194 217	#FFC2D9
16.7%	16.7% #F7B0C7	RGB 247 176 199	#F7B0C7
33.3%	33.3% #EF9EB5	RGB 239 158 181	#EF9EB5
50.0%	50.0% #E78DA3	RGB 231 141 163	#E78DA3
66.7%	66.7% #DF7B91	RGB 223 123 145	#DF7B91
83.3%	83.3% #D7697F	RGB 215 105 127	#D7697F
100.0%	100.0% #CF586E	RGB 207 88 110	#CF586E

#FFC2D9 #F7B0C7 #EF9EB5 #E78DA3 #DF7B91 #D7697F #CF586E

#FFC2D9 - #CF586E

HSV Blend

#FFC2D9 - #CF586E | 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 #FFC2D9 as 0% and #CF586E as 100%.

0.0%	0.0% #FFC2D9	RGB 255 194 217	#FFC2D9
16.7%	16.7% #F7AEC7	RGB 247 174 199	#F7AEC7
33.3%	33.3% #EF9BB5	RGB 239 155 181	#EF9BB5
50.0%	50.0% #E788A3	RGB 231 136 163	#E788A3
66.7%	66.7% #DF7791	RGB 223 119 145	#DF7791
83.3%	83.3% #D7677F	RGB 215 103 127	#D7677F
100.0%	100.0% #CF586E	RGB 207 88 110	#CF586E

#FFC2D9 #F7AEC7 #EF9BB5 #E788A3 #DF7791 #D7677F #CF586E

#FFC2D9 - #E788A3 - #CF586E

CSS codes

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

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