#C35DBB - #EDD0EB | 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 #C35DBB to #EDD0EB

#C35DBB #EDD0EB

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

#C35DBB - #EDD0EB | 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 #C35DBB as 0% and #EDD0EB as 100%.

0.0%	0.0% #C35DBB	RGB 195 93 187	#C35DBB
16.7%	16.7% #CA70C3	RGB 202 112 195	#CA70C3
33.3%	33.3% #D183CB	RGB 209 131 203	#D183CB
50.0%	50.0% #D896D3	RGB 216 150 211	#D896D3
66.7%	66.7% #DFA9DB	RGB 223 169 219	#DFA9DB
83.3%	83.3% #E6BCE3	RGB 230 188 227	#E6BCE3
100.0%	100.0% #EDD0EB	RGB 237 208 235	#EDD0EB

#C35DBB #CA70C3 #D183CB #D896D3 #DFA9DB #E6BCE3 #EDD0EB

#C35DBB - #EDD0EB

HSV Blend

#C35DBB - #EDD0EB | 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 #C35DBB as 0% and #EDD0EB as 100%.

0.0%	0.0% #C35DBA	RGB 195 93 186	#C35DBA
16.7%	16.7% #CA6DC2	RGB 202 109 194	#CA6DC2
33.3%	33.3% #D17FCA	RGB 209 127 202	#D17FCA
50.0%	50.0% #D892D2	RGB 216 146 210	#D892D2
66.7%	66.7% #DFA5DA	RGB 223 165 218	#DFA5DA
83.3%	83.3% #E6BAE2	RGB 230 186 226	#E6BAE2
100.0%	100.0% #EDD0EB	RGB 237 208 235	#EDD0EB

#C35DBA #CA6DC2 #D17FCA #D892D2 #DFA5DA #E6BAE2 #EDD0EB

#C35DBB - #D892D2 - #EDD0EB

CSS codes

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

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