#C6C6FF - #5E72D4 | 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 #C6C6FF to #5E72D4

#C6C6FF #5E72D4

Calculate the color between two colors, #C6C6FF and #5E72D4. 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)

#C6C6FF - #5E72D4 | 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 #C6C6FF as 0% and #5E72D4 as 100%.

0.0%	0.0% #C6C6FF	RGB 198 198 255	#C6C6FF
16.7%	16.7% #B4B8F7	RGB 180 184 247	#B4B8F7
33.3%	33.3% #A3AAF0	RGB 163 170 240	#A3AAF0
50.0%	50.0% #929CE9	RGB 146 156 233	#929CE9
66.7%	66.7% #808EE2	RGB 128 142 226	#808EE2
83.3%	83.3% #6F80DB	RGB 111 128 219	#6F80DB
100.0%	100.0% #5E72D4	RGB 94 114 212	#5E72D4

#C6C6FF #B4B8F7 #A3AAF0 #929CE9 #808EE2 #6F80DB #5E72D4

#C6C6FF - #5E72D4

HSV Blend

#C6C6FF - #5E72D4 | 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 #C6C6FF as 0% and #5E72D4 as 100%.

0.0%	0.0% #C6C6FF	RGB 198 198 255	#C6C6FF
16.7%	16.7% #B2B4F7	RGB 178 180 247	#B2B4F7
33.3%	33.3% #A0A4F0	RGB 160 164 240	#A0A4F0
50.0%	50.0% #8E96E9	RGB 142 150 233	#8E96E9
66.7%	66.7% #7D88E2	RGB 125 136 226	#7D88E2
83.3%	83.3% #6D7CDB	RGB 109 124 219	#6D7CDB
100.0%	100.0% #5E72D4	RGB 94 114 212	#5E72D4

#C6C6FF #B2B4F7 #A0A4F0 #8E96E9 #7D88E2 #6D7CDB #5E72D4

#C6C6FF - #8E96E9 - #5E72D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6C6FF 0%, #8E96E9 50%, #5E72D4 100%);
    background: -webkit-linear-gradient(top, #C6C6FF 0%, #8E96E9 50%, #5E72D4 100%);
    background: linear-gradient(to bottom, #C6C6FF 0%, #8E96E9 50%, #5E72D4 100%);
}
</style>