#CEB2FF - #7E3DDC | 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 #CEB2FF to #7E3DDC

#CEB2FF #7E3DDC

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

#CEB2FF - #7E3DDC | 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 #CEB2FF as 0% and #7E3DDC as 100%.

0.0%	0.0% #CEB2FF	RGB 206 178 255	#CEB2FF
16.7%	16.7% #C09EF9	RGB 192 158 249	#C09EF9
33.3%	33.3% #B38BF3	RGB 179 139 243	#B38BF3
50.0%	50.0% #A677ED	RGB 166 119 237	#A677ED
66.7%	66.7% #9864E7	RGB 152 100 231	#9864E7
83.3%	83.3% #8B50E1	RGB 139 80 225	#8B50E1
100.0%	100.0% #7E3DDC	RGB 126 61 220	#7E3DDC

#CEB2FF #C09EF9 #B38BF3 #A677ED #9864E7 #8B50E1 #7E3DDC

#CEB2FF - #7E3DDC

HSV Blend

#CEB2FF - #7E3DDC | 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 #CEB2FF as 0% and #7E3DDC as 100%.

0.0%	0.0% #CEB2FF	RGB 206 178 255	#CEB2FF
16.7%	16.7% #BE9CF9	RGB 190 156 249	#BE9CF9
33.3%	33.3% #B087F3	RGB 176 135 243	#B087F3
50.0%	50.0% #A273ED	RGB 162 115 237	#A273ED
66.7%	66.7% #9560E7	RGB 149 96 231	#9560E7
83.3%	83.3% #894EE1	RGB 137 78 225	#894EE1
100.0%	100.0% #7E3DDC	RGB 126 61 220	#7E3DDC

#CEB2FF #BE9CF9 #B087F3 #A273ED #9560E7 #894EE1 #7E3DDC

#CEB2FF - #A273ED - #7E3DDC

CSS codes

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

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