#CD6C6C - #FEC08D | 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 #CD6C6C to #FEC08D

#CD6C6C #FEC08D

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

#CD6C6C - #FEC08D | 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 #CD6C6C as 0% and #FEC08D as 100%.

0.0%	0.0% #CD6C6C	RGB 205 108 108	#CD6C6C
16.7%	16.7% #D57A71	RGB 213 122 113	#D57A71
33.3%	33.3% #DD8877	RGB 221 136 119	#DD8877
50.0%	50.0% #E5967C	RGB 229 150 124	#E5967C
66.7%	66.7% #EDA482	RGB 237 164 130	#EDA482
83.3%	83.3% #F5B287	RGB 245 178 135	#F5B287
100.0%	100.0% #FEC08D	RGB 254 192 141	#FEC08D

#CD6C6C #D57A71 #DD8877 #E5967C #EDA482 #F5B287 #FEC08D

#CD6C6C - #FEC08D

HSV Blend

#CD6C6C - #FEC08D | 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 #CD6C6C as 0% and #FEC08D as 100%.

0.0%	0.0% #CD6C6C	RGB 205 108 108	#CD6C6C
16.7%	16.7% #D57871	RGB 213 120 113	#D57871
33.3%	33.3% #DD8676	RGB 221 134 118	#DD8676
50.0%	50.0% #E5937C	RGB 229 147 124	#E5937C
66.7%	66.7% #EDA281	RGB 237 162 129	#EDA281
83.3%	83.3% #F5B087	RGB 245 176 135	#F5B087
100.0%	100.0% #FEC08D	RGB 254 192 141	#FEC08D

#CD6C6C #D57871 #DD8676 #E5937C #EDA281 #F5B087 #FEC08D

#CD6C6C - #E5937C - #FEC08D

CSS codes

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

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