#C0AA39 - #E7CDDB | 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 #C0AA39 to #E7CDDB

#C0AA39 #E7CDDB

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

#C0AA39 - #E7CDDB | 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 #C0AA39 as 0% and #E7CDDB as 100%.

0.0%	0.0% #C0AA39	RGB 192 170 57	#C0AA39
16.7%	16.7% #C6AF54	RGB 198 175 84	#C6AF54
33.3%	33.3% #CDB56F	RGB 205 181 111	#CDB56F
50.0%	50.0% #D3BB8A	RGB 211 187 138	#D3BB8A
66.7%	66.7% #DAC1A5	RGB 218 193 165	#DAC1A5
83.3%	83.3% #E0C7C0	RGB 224 199 192	#E0C7C0
100.0%	100.0% #E7CDDB	RGB 231 205 219	#E7CDDB

#C0AA39 #C6AF54 #CDB56F #D3BB8A #DAC1A5 #E0C7C0 #E7CDDB

#C0AA39 - #E7CDDB

HSV Blend

#C0AA39 - #E7CDDB | 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 #C0AA39 as 0% and #E7CDDB as 100%.

0.0%	0.0% #C0AA39	RGB 192 170 57	#C0AA39
16.7%	16.7% #C6974E	RGB 198 151 78	#C6974E
33.3%	33.3% #CD8C65	RGB 205 140 101	#CD8C65
50.0%	50.0% #D38A7D	RGB 211 138 125	#D38A7D
66.7%	66.7% #DA969B	RGB 218 150 155	#DA969B
83.3%	83.3% #E0B1BF	RGB 224 177 191	#E0B1BF
100.0%	100.0% #E7CDDB	RGB 231 205 219	#E7CDDB

#C0AA39 #C6974E #CD8C65 #D38A7D #DA969B #E0B1BF #E7CDDB

#C0AA39 - #D38A7D - #E7CDDB

CSS codes

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

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