#C36FB1 - #EDD5E8 | 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 #C36FB1 to #EDD5E8

#C36FB1 #EDD5E8

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

#C36FB1 - #EDD5E8 | 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 #C36FB1 as 0% and #EDD5E8 as 100%.

0.0%	0.0% #C36FB1	RGB 195 111 177	#C36FB1
16.7%	16.7% #CA80BA	RGB 202 128 186	#CA80BA
33.3%	33.3% #D191C3	RGB 209 145 195	#D191C3
50.0%	50.0% #D8A2CC	RGB 216 162 204	#D8A2CC
66.7%	66.7% #DFB3D5	RGB 223 179 213	#DFB3D5
83.3%	83.3% #E6C4DE	RGB 230 196 222	#E6C4DE
100.0%	100.0% #EDD5E8	RGB 237 213 232	#EDD5E8

#C36FB1 #CA80BA #D191C3 #D8A2CC #DFB3D5 #E6C4DE #EDD5E8

#C36FB1 - #EDD5E8

HSV Blend

#C36FB1 - #EDD5E8 | 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 #C36FB1 as 0% and #EDD5E8 as 100%.

0.0%	0.0% #C36FB1	RGB 195 111 177	#C36FB1
16.7%	16.7% #CA7EB9	RGB 202 126 185	#CA7EB9
33.3%	33.3% #D18DC2	RGB 209 141 194	#D18DC2
50.0%	50.0% #D89ECB	RGB 216 158 203	#D89ECB
66.7%	66.7% #DFAFD5	RGB 223 175 213	#DFAFD5
83.3%	83.3% #E6C2DE	RGB 230 194 222	#E6C2DE
100.0%	100.0% #EDD5E8	RGB 237 213 232	#EDD5E8

#C36FB1 #CA7EB9 #D18DC2 #D89ECB #DFAFD5 #E6C2DE #EDD5E8

#C36FB1 - #D89ECB - #EDD5E8

CSS codes

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

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