#C58D9D - #EEDEE3 | 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 #C58D9D to #EEDEE3

#C58D9D #EEDEE3

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

#C58D9D - #EEDEE3 | 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 #C58D9D as 0% and #EEDEE3 as 100%.

0.0%	0.0% #C58D9D	RGB 197 141 157	#C58D9D
16.7%	16.7% #CB9AA8	RGB 203 154 168	#CB9AA8
33.3%	33.3% #D2A8B4	RGB 210 168 180	#D2A8B4
50.0%	50.0% #D9B5C0	RGB 217 181 192	#D9B5C0
66.7%	66.7% #E0C3CB	RGB 224 195 203	#E0C3CB
83.3%	83.3% #E7D0D7	RGB 231 208 215	#E7D0D7
100.0%	100.0% #EEDEE3	RGB 238 222 227	#EEDEE3

#C58D9D #CB9AA8 #D2A8B4 #D9B5C0 #E0C3CB #E7D0D7 #EEDEE3

#C58D9D - #EEDEE3

HSV Blend

#C58D9D - #EEDEE3 | 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 #C58D9D as 0% and #EEDEE3 as 100%.

0.0%	0.0% #C58D9D	RGB 197 141 157	#C58D9D
16.7%	16.7% #CB99A7	RGB 203 153 167	#CB99A7
33.3%	33.3% #D2A6B3	RGB 210 166 179	#D2A6B3
50.0%	50.0% #D9B3BE	RGB 217 179 190	#D9B3BE
66.7%	66.7% #E0C1CA	RGB 224 193 202	#E0C1CA
83.3%	83.3% #E7CFD6	RGB 231 207 214	#E7CFD6
100.0%	100.0% #EEDEE3	RGB 238 222 227	#EEDEE3

#C58D9D #CB99A7 #D2A6B3 #D9B3BE #E0C1CA #E7CFD6 #EEDEE3

#C58D9D - #D9B3BE - #EEDEE3

CSS codes

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

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