#CD8E5E - #DDB6A8 | 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 #CD8E5E to #DDB6A8

#CD8E5E #DDB6A8

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

#CD8E5E - #DDB6A8 | 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 #CD8E5E as 0% and #DDB6A8 as 100%.

0.0%	0.0% #CD8E5E	RGB 205 142 94	#CD8E5E
16.7%	16.7% #CF946A	RGB 207 148 106	#CF946A
33.3%	33.3% #D29B76	RGB 210 155 118	#D29B76
50.0%	50.0% #D5A283	RGB 213 162 131	#D5A283
66.7%	66.7% #D7A88F	RGB 215 168 143	#D7A88F
83.3%	83.3% #DAAF9B	RGB 218 175 155	#DAAF9B
100.0%	100.0% #DDB6A8	RGB 221 182 168	#DDB6A8

#CD8E5E #CF946A #D29B76 #D5A283 #D7A88F #DAAF9B #DDB6A8

#CD8E5E - #DDB6A8

HSV Blend

#CD8E5E - #DDB6A8 | 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 #CD8E5E as 0% and #DDB6A8 as 100%.

0.0%	0.0% #CD8E5E	RGB 205 142 94	#CD8E5E
16.7%	16.7% #CF9269	RGB 207 146 105	#CF9269
33.3%	33.3% #D29875	RGB 210 152 117	#D29875
50.0%	50.0% #D59E81	RGB 213 158 129	#D59E81
66.7%	66.7% #D7A58E	RGB 215 165 142	#D7A58E
83.3%	83.3% #DAAD9A	RGB 218 173 154	#DAAD9A
100.0%	100.0% #DDB6A8	RGB 221 182 168	#DDB6A8

#CD8E5E #CF9269 #D29875 #D59E81 #D7A58E #DAAD9A #DDB6A8

#CD8E5E - #D59E81 - #DDB6A8

CSS codes

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

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