#CDAF99 - #FFE6B6 | 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 #CDAF99 to #FFE6B6

#CDAF99 #FFE6B6

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

#CDAF99 - #FFE6B6 | 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 #CDAF99 as 0% and #FFE6B6 as 100%.

0.0%	0.0% #CDAF99	RGB 205 175 153	#CDAF99
16.7%	16.7% #D5B89D	RGB 213 184 157	#D5B89D
33.3%	33.3% #DDC1A2	RGB 221 193 162	#DDC1A2
50.0%	50.0% #E6CAA7	RGB 230 202 167	#E6CAA7
66.7%	66.7% #EED3AC	RGB 238 211 172	#EED3AC
83.3%	83.3% #F6DCB1	RGB 246 220 177	#F6DCB1
100.0%	100.0% #FFE6B6	RGB 255 230 182	#FFE6B6

#CDAF99 #D5B89D #DDC1A2 #E6CAA7 #EED3AC #F6DCB1 #FFE6B6

#CDAF99 - #FFE6B6

HSV Blend

#CDAF99 - #FFE6B6 | 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 #CDAF99 as 0% and #FFE6B6 as 100%.

0.0%	0.0% #CDAF99	RGB 205 175 153	#CDAF99
16.7%	16.7% #D5B79E	RGB 213 183 158	#D5B79E
33.3%	33.3% #DDC0A3	RGB 221 192 163	#DDC0A3
50.0%	50.0% #E6C9A7	RGB 230 201 167	#E6C9A7
66.7%	66.7% #EED2AC	RGB 238 210 172	#EED2AC
83.3%	83.3% #F6DCB1	RGB 246 220 177	#F6DCB1
100.0%	100.0% #FFE6B6	RGB 255 230 182	#FFE6B6

#CDAF99 #D5B79E #DDC0A3 #E6C9A7 #EED2AC #F6DCB1 #FFE6B6

#CDAF99 - #E6C9A7 - #FFE6B6

CSS codes

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

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