#C38CDD - #EDACFF | 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 #C38CDD to #EDACFF

#C38CDD #EDACFF

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

#C38CDD - #EDACFF | 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 #C38CDD as 0% and #EDACFF as 100%.

0.0%	0.0% #C38CDD	RGB 195 140 221	#C38CDD
16.7%	16.7% #CA91E2	RGB 202 145 226	#CA91E2
33.3%	33.3% #D196E8	RGB 209 150 232	#D196E8
50.0%	50.0% #D89CEE	RGB 216 156 238	#D89CEE
66.7%	66.7% #DFA1F3	RGB 223 161 243	#DFA1F3
83.3%	83.3% #E6A6F9	RGB 230 166 249	#E6A6F9
100.0%	100.0% #EDACFF	RGB 237 172 255	#EDACFF

#C38CDD #CA91E2 #D196E8 #D89CEE #DFA1F3 #E6A6F9 #EDACFF

#C38CDD - #EDACFF

HSV Blend

#C38CDD - #EDACFF | 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 #C38CDD as 0% and #EDACFF as 100%.

0.0%	0.0% #C38CDD	RGB 195 140 221	#C38CDD
16.7%	16.7% #C991E2	RGB 201 145 226	#C991E2
33.3%	33.3% #D096E8	RGB 208 150 232	#D096E8
50.0%	50.0% #D79BEE	RGB 215 155 238	#D79BEE
66.7%	66.7% #DEA1F3	RGB 222 161 243	#DEA1F3
83.3%	83.3% #E5A6F9	RGB 229 166 249	#E5A6F9
100.0%	100.0% #EDACFF	RGB 237 172 255	#EDACFF

#C38CDD #C991E2 #D096E8 #D79BEE #DEA1F3 #E5A6F9 #EDACFF

#C38CDD - #D79BEE - #EDACFF

CSS codes

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

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