#CC9F77 - #FFDC97 | 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 #CC9F77 to #FFDC97

#CC9F77 #FFDC97

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

#CC9F77 - #FFDC97 | 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 #CC9F77 as 0% and #FFDC97 as 100%.

0.0%	0.0% #CC9F77	RGB 204 159 119	#CC9F77
16.7%	16.7% #D4A97C	RGB 212 169 124	#D4A97C
33.3%	33.3% #DDB381	RGB 221 179 129	#DDB381
50.0%	50.0% #E5BD87	RGB 229 189 135	#E5BD87
66.7%	66.7% #EEC78C	RGB 238 199 140	#EEC78C
83.3%	83.3% #F6D191	RGB 246 209 145	#F6D191
100.0%	100.0% #FFDC97	RGB 255 220 151	#FFDC97

#CC9F77 #D4A97C #DDB381 #E5BD87 #EEC78C #F6D191 #FFDC97

#CC9F77 - #FFDC97

HSV Blend

#CC9F77 - #FFDC97 | 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 #CC9F77 as 0% and #FFDC97 as 100%.

0.0%	0.0% #CC9F77	RGB 204 159 119	#CC9F77
16.7%	16.7% #D4A87C	RGB 212 168 124	#D4A87C
33.3%	33.3% #DDB281	RGB 221 178 129	#DDB281
50.0%	50.0% #E5BC86	RGB 229 188 134	#E5BC86
66.7%	66.7% #EEC68C	RGB 238 198 140	#EEC68C
83.3%	83.3% #F6D191	RGB 246 209 145	#F6D191
100.0%	100.0% #FFDC97	RGB 255 220 151	#FFDC97

#CC9F77 #D4A87C #DDB281 #E5BC86 #EEC68C #F6D191 #FFDC97

#CC9F77 - #E5BC86 - #FFDC97

CSS codes

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

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