#C4936C - #DAADE2 | 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 #C4936C to #DAADE2

#C4936C #DAADE2

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

#C4936C - #DAADE2 | 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 #C4936C as 0% and #DAADE2 as 100%.

0.0%	0.0% #C4936C	RGB 196 147 108	#C4936C
16.7%	16.7% #C7977F	RGB 199 151 127	#C7977F
33.3%	33.3% #CB9B93	RGB 203 155 147	#CB9B93
50.0%	50.0% #CFA0A7	RGB 207 160 167	#CFA0A7
66.7%	66.7% #D2A4BA	RGB 210 164 186	#D2A4BA
83.3%	83.3% #D6A8CE	RGB 214 168 206	#D6A8CE
100.0%	100.0% #DAADE2	RGB 218 173 226	#DAADE2

#C4936C #C7977F #CB9B93 #CFA0A7 #D2A4BA #D6A8CE #DAADE2

#C4936C - #DAADE2

HSV Blend

#C4936C - #DAADE2 | 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 #C4936C as 0% and #DAADE2 as 100%.

0.0%	0.0% #C4936C	RGB 196 147 108	#C4936C
16.7%	16.7% #C98475	RGB 201 132 117	#C98475
33.3%	33.3% #CE8087	RGB 206 128 135	#CE8087
50.0%	50.0% #D38AA4	RGB 211 138 164	#D38AA4
66.7%	66.7% #D895BE	RGB 216 149 190	#D895BE
83.3%	83.3% #DDA1D6	RGB 221 161 214	#DDA1D6
100.0%	100.0% #DAADE2	RGB 218 173 226	#DAADE2

#C4936C #C98475 #CE8087 #D38AA4 #D895BE #DDA1D6 #DAADE2

#C4936C - #D38AA4 - #DAADE2

CSS codes

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

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