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

#FFC2D4 #CF586E

Calculate the color between two colors, #FFC2D4 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)

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

0.0%	0.0% #FFC2D4	RGB 255 194 212	#FFC2D4
16.7%	16.7% #F7B0C3	RGB 247 176 195	#F7B0C3
33.3%	33.3% #EF9EB2	RGB 239 158 178	#EF9EB2
50.0%	50.0% #E78DA1	RGB 231 141 161	#E78DA1
66.7%	66.7% #DF7B90	RGB 223 123 144	#DF7B90
83.3%	83.3% #D7697F	RGB 215 105 127	#D7697F
100.0%	100.0% #CF586E	RGB 207 88 110	#CF586E

#FFC2D4 #F7B0C3 #EF9EB2 #E78DA1 #DF7B90 #D7697F #CF586E

#FFC2D4 - #CF586E

HSV Blend

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

0.0%	0.0% #FFC2D4	RGB 255 194 212	#FFC2D4
16.7%	16.7% #F7AEC2	RGB 247 174 194	#F7AEC2
33.3%	33.3% #EF9BB0	RGB 239 155 176	#EF9BB0
50.0%	50.0% #E7889F	RGB 231 136 159	#E7889F
66.7%	66.7% #DF778E	RGB 223 119 142	#DF778E
83.3%	83.3% #D7677E	RGB 215 103 126	#D7677E
100.0%	100.0% #CF586E	RGB 207 88 110	#CF586E

#FFC2D4 #F7AEC2 #EF9BB0 #E7889F #DF778E #D7677E #CF586E

#FFC2D4 - #E7889F - #CF586E

CSS codes

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

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