#C0899D - #EDDDE3 | 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 #C0899D to #EDDDE3

#C0899D #EDDDE3

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

#C0899D - #EDDDE3 | 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 #C0899D as 0% and #EDDDE3 as 100%.

0.0%	0.0% #C0899D	RGB 192 137 157	#C0899D
16.7%	16.7% #C797A8	RGB 199 151 168	#C797A8
33.3%	33.3% #CFA5B4	RGB 207 165 180	#CFA5B4
50.0%	50.0% #D6B3C0	RGB 214 179 192	#D6B3C0
66.7%	66.7% #DEC1CB	RGB 222 193 203	#DEC1CB
83.3%	83.3% #E5CFD7	RGB 229 207 215	#E5CFD7
100.0%	100.0% #EDDDE3	RGB 237 221 227	#EDDDE3

#C0899D #C797A8 #CFA5B4 #D6B3C0 #DEC1CB #E5CFD7 #EDDDE3

#C0899D - #EDDDE3

HSV Blend

#C0899D - #EDDDE3 | 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 #C0899D as 0% and #EDDDE3 as 100%.

0.0%	0.0% #C0899D	RGB 192 137 157	#C0899D
16.7%	16.7% #C795A7	RGB 199 149 167	#C795A7
33.3%	33.3% #CFA2B3	RGB 207 162 179	#CFA2B3
50.0%	50.0% #D6B0BE	RGB 214 176 190	#D6B0BE
66.7%	66.7% #DEBECA	RGB 222 190 202	#DEBECA
83.3%	83.3% #E5CDD6	RGB 229 205 214	#E5CDD6
100.0%	100.0% #EDDDE3	RGB 237 221 227	#EDDDE3

#C0899D #C795A7 #CFA2B3 #D6B0BE #DEBECA #E5CDD6 #EDDDE3

#C0899D - #D6B0BE - #EDDDE3

CSS codes

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

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