#CDCDAA - #FFECBD | 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 #CDCDAA to #FFECBD

#CDCDAA #FFECBD

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

#CDCDAA - #FFECBD | 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 #CDCDAA as 0% and #FFECBD as 100%.

0.0%	0.0% #CDCDAA	RGB 205 205 170	#CDCDAA
16.7%	16.7% #D5D2AD	RGB 213 210 173	#D5D2AD
33.3%	33.3% #DDD7B0	RGB 221 215 176	#DDD7B0
50.0%	50.0% #E6DCB3	RGB 230 220 179	#E6DCB3
66.7%	66.7% #EEE1B6	RGB 238 225 182	#EEE1B6
83.3%	83.3% #F6E6B9	RGB 246 230 185	#F6E6B9
100.0%	100.0% #FFECBD	RGB 255 236 189	#FFECBD

#CDCDAA #D5D2AD #DDD7B0 #E6DCB3 #EEE1B6 #F6E6B9 #FFECBD

#CDCDAA - #FFECBD

HSV Blend

#CDCDAA - #FFECBD | 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 #CDCDAA as 0% and #FFECBD as 100%.

0.0%	0.0% #CDCDAA	RGB 205 205 170	#CDCDAA
16.7%	16.7% #D5D3AD	RGB 213 211 173	#D5D3AD
33.3%	33.3% #DDD9B1	RGB 221 217 177	#DDD9B1
50.0%	50.0% #E6DEB4	RGB 230 222 180	#E6DEB4
66.7%	66.7% #EEE3B7	RGB 238 227 183	#EEE3B7
83.3%	83.3% #F6E8BA	RGB 246 232 186	#F6E8BA
100.0%	100.0% #FFECBD	RGB 255 236 189	#FFECBD

#CDCDAA #D5D3AD #DDD9B1 #E6DEB4 #EEE3B7 #F6E8BA #FFECBD

#CDCDAA - #E6DEB4 - #FFECBD

CSS codes

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

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