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

#C4916C #DAADE2

Calculate the color between two colors, #C4916C 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)

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

0.0%	0.0% #C4916C	RGB 196 145 108	#C4916C
16.7%	16.7% #C7957F	RGB 199 149 127	#C7957F
33.3%	33.3% #CB9A93	RGB 203 154 147	#CB9A93
50.0%	50.0% #CF9FA7	RGB 207 159 167	#CF9FA7
66.7%	66.7% #D2A3BA	RGB 210 163 186	#D2A3BA
83.3%	83.3% #D6A8CE	RGB 214 168 206	#D6A8CE
100.0%	100.0% #DAADE2	RGB 218 173 226	#DAADE2

#C4916C #C7957F #CB9A93 #CF9FA7 #D2A3BA #D6A8CE #DAADE2

#C4916C - #DAADE2

HSV Blend

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

0.0%	0.0% #C4916C	RGB 196 145 108	#C4916C
16.7%	16.7% #C98375	RGB 201 131 117	#C98375
33.3%	33.3% #CE8088	RGB 206 128 136	#CE8088
50.0%	50.0% #D38AA5	RGB 211 138 165	#D38AA5
66.7%	66.7% #D895BF	RGB 216 149 191	#D895BF
83.3%	83.3% #DDA1D6	RGB 221 161 214	#DDA1D6
100.0%	100.0% #DAADE2	RGB 218 173 226	#DAADE2

#C4916C #C98375 #CE8088 #D38AA5 #D895BF #DDA1D6 #DAADE2

#C4916C - #D38AA5 - #DAADE2

CSS codes

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

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