#C8BAFF - #6253D4 | 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 #C8BAFF to #6253D4

#C8BAFF #6253D4

Calculate the color between two colors, #C8BAFF and #6253D4. 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)

#C8BAFF - #6253D4 | 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 #C8BAFF as 0% and #6253D4 as 100%.

0.0%	0.0% #C8BAFF	RGB 200 186 255	#C8BAFF
16.7%	16.7% #B7A8F7	RGB 183 168 247	#B7A8F7
33.3%	33.3% #A697F0	RGB 166 151 240	#A697F0
50.0%	50.0% #9586E9	RGB 149 134 233	#9586E9
66.7%	66.7% #8475E2	RGB 132 117 226	#8475E2
83.3%	83.3% #7364DB	RGB 115 100 219	#7364DB
100.0%	100.0% #6253D4	RGB 98 83 212	#6253D4

#C8BAFF #B7A8F7 #A697F0 #9586E9 #8475E2 #7364DB #6253D4

#C8BAFF - #6253D4

HSV Blend

#C8BAFF - #6253D4 | 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 #C8BAFF as 0% and #6253D4 as 100%.

0.0%	0.0% #C8BAFF	RGB 200 186 255	#C8BAFF
16.7%	16.7% #B6A6F7	RGB 182 166 247	#B6A6F7
33.3%	33.3% #A494F0	RGB 164 148 240	#A494F0
50.0%	50.0% #9382E9	RGB 147 130 233	#9382E9
66.7%	66.7% #8272E2	RGB 130 114 226	#8272E2
83.3%	83.3% #7162DB	RGB 113 98 219	#7162DB
100.0%	100.0% #6253D4	RGB 98 83 212	#6253D4

#C8BAFF #B6A6F7 #A494F0 #9382E9 #8272E2 #7162DB #6253D4

#C8BAFF - #9382E9 - #6253D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8BAFF 0%, #9382E9 50%, #6253D4 100%);
    background: -webkit-linear-gradient(top, #C8BAFF 0%, #9382E9 50%, #6253D4 100%);
    background: linear-gradient(to bottom, #C8BAFF 0%, #9382E9 50%, #6253D4 100%);
}
</style>