#C2906C - #EDDFD5 | 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 #C2906C to #EDDFD5

#C2906C #EDDFD5

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

#C2906C - #EDDFD5 | 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 #C2906C as 0% and #EDDFD5 as 100%.

0.0%	0.0% #C2906C	RGB 194 144 108	#C2906C
16.7%	16.7% #C99D7D	RGB 201 157 125	#C99D7D
33.3%	33.3% #D0AA8F	RGB 208 170 143	#D0AA8F
50.0%	50.0% #D7B7A0	RGB 215 183 160	#D7B7A0
66.7%	66.7% #DEC4B2	RGB 222 196 178	#DEC4B2
83.3%	83.3% #E5D1C3	RGB 229 209 195	#E5D1C3
100.0%	100.0% #EDDFD5	RGB 237 223 213	#EDDFD5

#C2906C #C99D7D #D0AA8F #D7B7A0 #DEC4B2 #E5D1C3 #EDDFD5

#C2906C - #EDDFD5

HSV Blend

#C2906C - #EDDFD5 | 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 #C2906C as 0% and #EDDFD5 as 100%.

0.0%	0.0% #C2906C	RGB 194 144 108	#C2906C
16.7%	16.7% #C99B7B	RGB 201 155 123	#C99B7B
33.3%	33.3% #D0A88B	RGB 208 168 139	#D0A88B
50.0%	50.0% #D7B59C	RGB 215 181 156	#D7B59C
66.7%	66.7% #DEC2AE	RGB 222 194 174	#DEC2AE
83.3%	83.3% #E5D0C1	RGB 229 208 193	#E5D0C1
100.0%	100.0% #EDDFD5	RGB 237 223 213	#EDDFD5

#C2906C #C99B7B #D0A88B #D7B59C #DEC2AE #E5D0C1 #EDDFD5

#C2906C - #D7B59C - #EDDFD5

CSS codes

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

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