#CDAFA2 - #FFE7C0 | 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 #CDAFA2 to #FFE7C0

#CDAFA2 #FFE7C0

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

#CDAFA2 - #FFE7C0 | 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 #CDAFA2 as 0% and #FFE7C0 as 100%.

0.0%	0.0% #CDAFA2	RGB 205 175 162	#CDAFA2
16.7%	16.7% #D5B8A7	RGB 213 184 167	#D5B8A7
33.3%	33.3% #DDC1AC	RGB 221 193 172	#DDC1AC
50.0%	50.0% #E6CBB1	RGB 230 203 177	#E6CBB1
66.7%	66.7% #EED4B6	RGB 238 212 182	#EED4B6
83.3%	83.3% #F6DDBB	RGB 246 221 187	#F6DDBB
100.0%	100.0% #FFE7C0	RGB 255 231 192	#FFE7C0

#CDAFA2 #D5B8A7 #DDC1AC #E6CBB1 #EED4B6 #F6DDBB #FFE7C0

#CDAFA2 - #FFE7C0

HSV Blend

#CDAFA2 - #FFE7C0 | 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 #CDAFA2 as 0% and #FFE7C0 as 100%.

0.0%	0.0% #CDAFA2	RGB 205 175 162	#CDAFA2
16.7%	16.7% #D5B7A7	RGB 213 183 167	#D5B7A7
33.3%	33.3% #DDC0AC	RGB 221 192 172	#DDC0AC
50.0%	50.0% #E6C9B1	RGB 230 201 177	#E6C9B1
66.7%	66.7% #EED3B6	RGB 238 211 182	#EED3B6
83.3%	83.3% #F6DCBB	RGB 246 220 187	#F6DCBB
100.0%	100.0% #FFE7C0	RGB 255 231 192	#FFE7C0

#CDAFA2 #D5B7A7 #DDC0AC #E6C9B1 #EED3B6 #F6DCBB #FFE7C0

#CDAFA2 - #E6C9B1 - #FFE7C0

CSS codes

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

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