#C4AD6C - #E2ADDA | 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 #C4AD6C to #E2ADDA

#C4AD6C #E2ADDA

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

#C4AD6C - #E2ADDA | 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 #C4AD6C as 0% and #E2ADDA as 100%.

0.0%	0.0% #C4AD6C	RGB 196 173 108	#C4AD6C
16.7%	16.7% #C9AD7E	RGB 201 173 126	#C9AD7E
33.3%	33.3% #CEAD90	RGB 206 173 144	#CEAD90
50.0%	50.0% #D3ADA3	RGB 211 173 163	#D3ADA3
66.7%	66.7% #D8ADB5	RGB 216 173 181	#D8ADB5
83.3%	83.3% #DDADC7	RGB 221 173 199	#DDADC7
100.0%	100.0% #E2ADDA	RGB 226 173 218	#E2ADDA

#C4AD6C #C9AD7E #CEAD90 #D3ADA3 #D8ADB5 #DDADC7 #E2ADDA

#C4AD6C - #E2ADDA

HSV Blend

#C4AD6C - #E2ADDA | 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 #C4AD6C as 0% and #E2ADDA as 100%.

0.0%	0.0% #C4AD6C	RGB 196 173 108	#C4AD6C
16.7%	16.7% #C99D75	RGB 201 157 117	#C99D75
33.3%	33.3% #CE9080	RGB 206 144 128	#CE9080
50.0%	50.0% #D38A8E	RGB 211 138 142	#D38A8E
66.7%	66.7% #D895AB	RGB 216 149 171	#D895AB
83.3%	83.3% #DDA1C4	RGB 221 161 196	#DDA1C4
100.0%	100.0% #E2ADDA	RGB 226 173 218	#E2ADDA

#C4AD6C #C99D75 #CE9080 #D38A8E #D895AB #DDA1C4 #E2ADDA

#C4AD6C - #D38A8E - #E2ADDA

CSS codes

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

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