#CF86A6 - #FED6C0 | 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 #CF86A6 to #FED6C0

#CF86A6 #FED6C0

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

#CF86A6 - #FED6C0 | 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 #CF86A6 as 0% and #FED6C0 as 100%.

0.0%	0.0% #CF86A6	RGB 207 134 166	#CF86A6
16.7%	16.7% #D693AA	RGB 214 147 170	#D693AA
33.3%	33.3% #DEA0AE	RGB 222 160 174	#DEA0AE
50.0%	50.0% #E6AEB3	RGB 230 174 179	#E6AEB3
66.7%	66.7% #EEBBB7	RGB 238 187 183	#EEBBB7
83.3%	83.3% #F6C8BB	RGB 246 200 187	#F6C8BB
100.0%	100.0% #FED6C0	RGB 254 214 192	#FED6C0

#CF86A6 #D693AA #DEA0AE #E6AEB3 #EEBBB7 #F6C8BB #FED6C0

#CF86A6 - #FED6C0

HSV Blend

#CF86A6 - #FED6C0 | 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 #CF86A6 as 0% and #FED6C0 as 100%.

0.0%	0.0% #CF86A5	RGB 207 134 165	#CF86A5
16.7%	16.7% #D68EA4	RGB 214 142 164	#D68EA4
33.3%	33.3% #DE98A4	RGB 222 152 164	#DE98A4
50.0%	50.0% #E6A1A4	RGB 230 161 164	#E6A1A4
66.7%	66.7% #EEB1AB	RGB 238 177 171	#EEB1AB
83.3%	83.3% #F6C3B5	RGB 246 195 181	#F6C3B5
100.0%	100.0% #FED6C0	RGB 254 214 192	#FED6C0

#CF86A5 #D68EA4 #DE98A4 #E6A1A4 #EEB1AB #F6C3B5 #FED6C0

#CF86A6 - #E6A1A4 - #FED6C0

CSS codes

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

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