#CF867C - #FED29E | 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 #CF867C to #FED29E

#CF867C #FED29E

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

#CF867C - #FED29E | 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 #CF867C as 0% and #FED29E as 100%.

0.0%	0.0% #CF867C	RGB 207 134 124	#CF867C
16.7%	16.7% #D69281	RGB 214 146 129	#D69281
33.3%	33.3% #DE9F87	RGB 222 159 135	#DE9F87
50.0%	50.0% #E6AC8D	RGB 230 172 141	#E6AC8D
66.7%	66.7% #EEB892	RGB 238 184 146	#EEB892
83.3%	83.3% #F6C598	RGB 246 197 152	#F6C598
100.0%	100.0% #FED29E	RGB 254 210 158	#FED29E

#CF867C #D69281 #DE9F87 #E6AC8D #EEB892 #F6C598 #FED29E

#CF867C - #FED29E

HSV Blend

#CF867C - #FED29E | 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 #CF867C as 0% and #FED29E as 100%.

0.0%	0.0% #CF867C	RGB 207 134 124	#CF867C
16.7%	16.7% #D69181	RGB 214 145 129	#D69181
33.3%	33.3% #DE9D87	RGB 222 157 135	#DE9D87
50.0%	50.0% #E6AA8C	RGB 230 170 140	#E6AA8C
66.7%	66.7% #EEB792	RGB 238 183 146	#EEB792
83.3%	83.3% #F6C498	RGB 246 196 152	#F6C498
100.0%	100.0% #FED29E	RGB 254 210 158	#FED29E

#CF867C #D69181 #DE9D87 #E6AA8C #EEB792 #F6C498 #FED29E

#CF867C - #E6AA8C - #FED29E

CSS codes

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

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