#CDAFFF - #7B3ECE | 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 #CDAFFF to #7B3ECE

#CDAFFF #7B3ECE

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

#CDAFFF - #7B3ECE | 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 #CDAFFF as 0% and #7B3ECE as 100%.

0.0%	0.0% #CDAFFF	RGB 205 175 255	#CDAFFF
16.7%	16.7% #BF9CF6	RGB 191 156 246	#BF9CF6
33.3%	33.3% #B189EE	RGB 177 137 238	#B189EE
50.0%	50.0% #A476E6	RGB 164 118 230	#A476E6
66.7%	66.7% #9663DE	RGB 150 99 222	#9663DE
83.3%	83.3% #8850D6	RGB 136 80 214	#8850D6
100.0%	100.0% #7B3ECE	RGB 123 62 206	#7B3ECE

#CDAFFF #BF9CF6 #B189EE #A476E6 #9663DE #8850D6 #7B3ECE

#CDAFFF - #7B3ECE

HSV Blend

#CDAFFF - #7B3ECE | 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 #CDAFFF as 0% and #7B3ECE as 100%.

0.0%	0.0% #CDAFFF	RGB 205 175 255	#CDAFFF
16.7%	16.7% #BD99F6	RGB 189 153 246	#BD99F6
33.3%	33.3% #AE85EE	RGB 174 133 238	#AE85EE
50.0%	50.0% #A071E6	RGB 160 113 230	#A071E6
66.7%	66.7% #935FDE	RGB 147 95 222	#935FDE
83.3%	83.3% #864ED6	RGB 134 78 214	#864ED6
100.0%	100.0% #7B3ECE	RGB 123 62 206	#7B3ECE

#CDAFFF #BD99F6 #AE85EE #A071E6 #935FDE #864ED6 #7B3ECE

#CDAFFF - #A071E6 - #7B3ECE

CSS codes

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

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