#CBAFFF - #793ECE | 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 #CBAFFF to #793ECE

#CBAFFF #793ECE

Calculate the color between two colors, #CBAFFF and #793ECE. 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)

#CBAFFF - #793ECE | 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 #CBAFFF as 0% and #793ECE as 100%.

0.0%	0.0% #CBAFFF	RGB 203 175 255	#CBAFFF
16.7%	16.7% #BD9CF6	RGB 189 156 246	#BD9CF6
33.3%	33.3% #AF89EE	RGB 175 137 238	#AF89EE
50.0%	50.0% #A276E6	RGB 162 118 230	#A276E6
66.7%	66.7% #9463DE	RGB 148 99 222	#9463DE
83.3%	83.3% #8650D6	RGB 134 80 214	#8650D6
100.0%	100.0% #793ECE	RGB 121 62 206	#793ECE

#CBAFFF #BD9CF6 #AF89EE #A276E6 #9463DE #8650D6 #793ECE

#CBAFFF - #793ECE

HSV Blend

#CBAFFF - #793ECE | 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 #CBAFFF as 0% and #793ECE as 100%.

0.0%	0.0% #CBAFFF	RGB 203 175 255	#CBAFFF
16.7%	16.7% #BB99F6	RGB 187 153 246	#BB99F6
33.3%	33.3% #AC85EE	RGB 172 133 238	#AC85EE
50.0%	50.0% #9E71E6	RGB 158 113 230	#9E71E6
66.7%	66.7% #905FDE	RGB 144 95 222	#905FDE
83.3%	83.3% #844ED6	RGB 132 78 214	#844ED6
100.0%	100.0% #793ECE	RGB 121 62 206	#793ECE

#CBAFFF #BB99F6 #AC85EE #9E71E6 #905FDE #844ED6 #793ECE

#CBAFFF - #9E71E6 - #793ECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBAFFF 0%, #9E71E6 50%, #793ECE 100%);
    background: -webkit-linear-gradient(top, #CBAFFF 0%, #9E71E6 50%, #793ECE 100%);
    background: linear-gradient(to bottom, #CBAFFF 0%, #9E71E6 50%, #793ECE 100%);
}
</style>