#FFCD9C - #CC9528 | 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 #FFCD9C to #CC9528

#FFCD9C #CC9528

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

#FFCD9C - #CC9528 | 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 #FFCD9C as 0% and #CC9528 as 100%.

0.0%	0.0% #FFCD9C	RGB 255 205 156	#FFCD9C
16.7%	16.7% #F6C388	RGB 246 195 136	#F6C388
33.3%	33.3% #EEBA75	RGB 238 186 117	#EEBA75
50.0%	50.0% #E5B162	RGB 229 177 98	#E5B162
66.7%	66.7% #DDA74E	RGB 221 167 78	#DDA74E
83.3%	83.3% #D49E3B	RGB 212 158 59	#D49E3B
100.0%	100.0% #CC9528	RGB 204 149 40	#CC9528

#FFCD9C #F6C388 #EEBA75 #E5B162 #DDA74E #D49E3B #CC9528

#FFCD9C - #CC9528

HSV Blend

#FFCD9C - #CC9528 | 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 #FFCD9C as 0% and #CC9528 as 100%.

0.0%	0.0% #FFCD9C	RGB 255 205 156	#FFCD9C
16.7%	16.7% #F6C085	RGB 246 192 133	#F6C085
33.3%	33.3% #EEB570	RGB 238 181 112	#EEB570
50.0%	50.0% #E5AC5C	RGB 229 172 92	#E5AC5C
66.7%	66.7% #DDA349	RGB 221 163 73	#DDA349
83.3%	83.3% #D49B38	RGB 212 155 56	#D49B38
100.0%	100.0% #CC9528	RGB 204 149 40	#CC9528

#FFCD9C #F6C085 #EEB570 #E5AC5C #DDA349 #D49B38 #CC9528

#FFCD9C - #E5AC5C - #CC9528

CSS codes

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

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