#FFC2D6 - #CF586B | 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 #FFC2D6 to #CF586B

#FFC2D6 #CF586B

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

#FFC2D6 - #CF586B | 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 #FFC2D6 as 0% and #CF586B as 100%.

0.0%	0.0% #FFC2D6	RGB 255 194 214	#FFC2D6
16.7%	16.7% #F7B0C4	RGB 247 176 196	#F7B0C4
33.3%	33.3% #EF9EB2	RGB 239 158 178	#EF9EB2
50.0%	50.0% #E78DA0	RGB 231 141 160	#E78DA0
66.7%	66.7% #DF7B8E	RGB 223 123 142	#DF7B8E
83.3%	83.3% #D7697C	RGB 215 105 124	#D7697C
100.0%	100.0% #CF586B	RGB 207 88 107	#CF586B

#FFC2D6 #F7B0C4 #EF9EB2 #E78DA0 #DF7B8E #D7697C #CF586B

#FFC2D6 - #CF586B

HSV Blend

#FFC2D6 - #CF586B | 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 #FFC2D6 as 0% and #CF586B as 100%.

0.0%	0.0% #FFC2D6	RGB 255 194 214	#FFC2D6
16.7%	16.7% #F7AEC3	RGB 247 174 195	#F7AEC3
33.3%	33.3% #EF9BB1	RGB 239 155 177	#EF9BB1
50.0%	50.0% #E7889F	RGB 231 136 159	#E7889F
66.7%	66.7% #DF778E	RGB 223 119 142	#DF778E
83.3%	83.3% #D7677C	RGB 215 103 124	#D7677C
100.0%	100.0% #CF586B	RGB 207 88 107	#CF586B

#FFC2D6 #F7AEC3 #EF9BB1 #E7889F #DF778E #D7677C #CF586B

#FFC2D6 - #E7889F - #CF586B

CSS codes

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

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