#CDAD74 - #E7AAE3 | 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 #CDAD74 to #E7AAE3

#CDAD74 #E7AAE3

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

#CDAD74 - #E7AAE3 | 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 #CDAD74 as 0% and #E7AAE3 as 100%.

0.0%	0.0% #CDAD74	RGB 205 173 116	#CDAD74
16.7%	16.7% #D1AC86	RGB 209 172 134	#D1AC86
33.3%	33.3% #D5AC99	RGB 213 172 153	#D5AC99
50.0%	50.0% #DAABAB	RGB 218 171 171	#DAABAB
66.7%	66.7% #DEABBE	RGB 222 171 190	#DEABBE
83.3%	83.3% #E2AAD0	RGB 226 170 208	#E2AAD0
100.0%	100.0% #E7AAE3	RGB 231 170 227	#E7AAE3

#CDAD74 #D1AC86 #D5AC99 #DAABAB #DEABBE #E2AAD0 #E7AAE3

#CDAD74 - #E7AAE3

HSV Blend

#CDAD74 - #E7AAE3 | 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 #CDAD74 as 0% and #E7AAE3 as 100%.

0.0%	0.0% #CDAD74	RGB 205 173 116	#CDAD74
16.7%	16.7% #D19C7C	RGB 209 156 124	#D19C7C
33.3%	33.3% #D58E85	RGB 213 142 133	#D58E85
50.0%	50.0% #DA8D99	RGB 218 141 153	#DA8D99
66.7%	66.7% #DE97B4	RGB 222 151 180	#DE97B4
83.3%	83.3% #E2A0CC	RGB 226 160 204	#E2A0CC
100.0%	100.0% #E7AAE3	RGB 231 170 227	#E7AAE3

#CDAD74 #D19C7C #D58E85 #DA8D99 #DE97B4 #E2A0CC #E7AAE3

#CDAD74 - #DA8D99 - #E7AAE3

CSS codes

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

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