#CC9A6D - #F0E2D5 | 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 #CC9A6D to #F0E2D5

#CC9A6D #F0E2D5

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

#CC9A6D - #F0E2D5 | 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 #CC9A6D as 0% and #F0E2D5 as 100%.

0.0%	0.0% #CC9A6D	RGB 204 154 109	#CC9A6D
16.7%	16.7% #D2A67E	RGB 210 166 126	#D2A67E
33.3%	33.3% #D8B28F	RGB 216 178 143	#D8B28F
50.0%	50.0% #DEBEA1	RGB 222 190 161	#DEBEA1
66.7%	66.7% #E4CAB2	RGB 228 202 178	#E4CAB2
83.3%	83.3% #EAD6C3	RGB 234 214 195	#EAD6C3
100.0%	100.0% #F0E2D5	RGB 240 226 213	#F0E2D5

#CC9A6D #D2A67E #D8B28F #DEBEA1 #E4CAB2 #EAD6C3 #F0E2D5

#CC9A6D - #F0E2D5

HSV Blend

#CC9A6D - #F0E2D5 | 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 #CC9A6D as 0% and #F0E2D5 as 100%.

0.0%	0.0% #CC9A6D	RGB 204 154 109	#CC9A6D
16.7%	16.7% #D2A57C	RGB 210 165 124	#D2A57C
33.3%	33.3% #D8B08C	RGB 216 176 140	#D8B08C
50.0%	50.0% #DEBC9D	RGB 222 188 157	#DEBC9D
66.7%	66.7% #E4C8AF	RGB 228 200 175	#E4C8AF
83.3%	83.3% #EAD5C1	RGB 234 213 193	#EAD5C1
100.0%	100.0% #F0E2D5	RGB 240 226 213	#F0E2D5

#CC9A6D #D2A57C #D8B08C #DEBC9D #E4C8AF #EAD5C1 #F0E2D5

#CC9A6D - #DEBC9D - #F0E2D5

CSS codes

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

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