#DEC8F2 - #7E63C0 | 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 #DEC8F2 to #7E63C0

#DEC8F2 #7E63C0

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

#DEC8F2 - #7E63C0 | 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 #DEC8F2 as 0% and #7E63C0 as 100%.

0.0%	0.0% #DEC8F2	RGB 222 200 242	#DEC8F2
16.7%	16.7% #CEB7E9	RGB 206 183 233	#CEB7E9
33.3%	33.3% #BEA6E1	RGB 190 166 225	#BEA6E1
50.0%	50.0% #AE95D9	RGB 174 149 217	#AE95D9
66.7%	66.7% #9E84D0	RGB 158 132 208	#9E84D0
83.3%	83.3% #8E73C8	RGB 142 115 200	#8E73C8
100.0%	100.0% #7E63C0	RGB 126 99 192	#7E63C0

#DEC8F2 #CEB7E9 #BEA6E1 #AE95D9 #9E84D0 #8E73C8 #7E63C0

#DEC8F2 - #7E63C0

HSV Blend

#DEC8F2 - #7E63C0 | 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 #DEC8F2 as 0% and #7E63C0 as 100%.

0.0%	0.0% #DEC8F2	RGB 222 200 242	#DEC8F2
16.7%	16.7% #CEB5E9	RGB 206 181 233	#CEB5E9
33.3%	33.3% #BEA2E1	RGB 190 162 225	#BEA2E1
50.0%	50.0% #AE91D9	RGB 174 145 217	#AE91D9
66.7%	66.7% #9E81D0	RGB 158 129 208	#9E81D0
83.3%	83.3% #8E71C8	RGB 142 113 200	#8E71C8
100.0%	100.0% #7E63C0	RGB 126 99 192	#7E63C0

#DEC8F2 #CEB5E9 #BEA2E1 #AE91D9 #9E81D0 #8E71C8 #7E63C0

#DEC8F2 - #AE91D9 - #7E63C0

CSS codes

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

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