#C38D9E - #EDDEE3 | 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 #C38D9E to #EDDEE3

#C38D9E #EDDEE3

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

#C38D9E - #EDDEE3 | 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 #C38D9E as 0% and #EDDEE3 as 100%.

0.0%	0.0% #C38D9E	RGB 195 141 158	#C38D9E
16.7%	16.7% #CA9AA9	RGB 202 154 169	#CA9AA9
33.3%	33.3% #D1A8B5	RGB 209 168 181	#D1A8B5
50.0%	50.0% #D8B5C0	RGB 216 181 192	#D8B5C0
66.7%	66.7% #DFC3CC	RGB 223 195 204	#DFC3CC
83.3%	83.3% #E6D0D7	RGB 230 208 215	#E6D0D7
100.0%	100.0% #EDDEE3	RGB 237 222 227	#EDDEE3

#C38D9E #CA9AA9 #D1A8B5 #D8B5C0 #DFC3CC #E6D0D7 #EDDEE3

#C38D9E - #EDDEE3

HSV Blend

#C38D9E - #EDDEE3 | 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 #C38D9E as 0% and #EDDEE3 as 100%.

0.0%	0.0% #C38D9E	RGB 195 141 158	#C38D9E
16.7%	16.7% #CA99A8	RGB 202 153 168	#CA99A8
33.3%	33.3% #D1A6B3	RGB 209 166 179	#D1A6B3
50.0%	50.0% #D8B3BF	RGB 216 179 191	#D8B3BF
66.7%	66.7% #DFC1CA	RGB 223 193 202	#DFC1CA
83.3%	83.3% #E6CFD6	RGB 230 207 214	#E6CFD6
100.0%	100.0% #EDDEE3	RGB 237 222 227	#EDDEE3

#C38D9E #CA99A8 #D1A6B3 #D8B3BF #DFC1CA #E6CFD6 #EDDEE3

#C38D9E - #D8B3BF - #EDDEE3

CSS codes

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

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