#C0C2FF - #586CD4 | 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 #C0C2FF to #586CD4

#C0C2FF #586CD4

Calculate the color between two colors, #C0C2FF and #586CD4. 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)

#C0C2FF - #586CD4 | 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 #C0C2FF as 0% and #586CD4 as 100%.

0.0%	0.0% #C0C2FF	RGB 192 194 255	#C0C2FF
16.7%	16.7% #AEB3F7	RGB 174 179 247	#AEB3F7
33.3%	33.3% #9DA5F0	RGB 157 165 240	#9DA5F0
50.0%	50.0% #8C97E9	RGB 140 151 233	#8C97E9
66.7%	66.7% #7A88E2	RGB 122 136 226	#7A88E2
83.3%	83.3% #697ADB	RGB 105 122 219	#697ADB
100.0%	100.0% #586CD4	RGB 88 108 212	#586CD4

#C0C2FF #AEB3F7 #9DA5F0 #8C97E9 #7A88E2 #697ADB #586CD4

#C0C2FF - #586CD4

HSV Blend

#C0C2FF - #586CD4 | 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 #C0C2FF as 0% and #586CD4 as 100%.

0.0%	0.0% #C0C2FF	RGB 192 194 255	#C0C2FF
16.7%	16.7% #ACB0F7	RGB 172 176 247	#ACB0F7
33.3%	33.3% #9AA0F0	RGB 154 160 240	#9AA0F0
50.0%	50.0% #8891E9	RGB 136 145 233	#8891E9
66.7%	66.7% #7784E2	RGB 119 132 226	#7784E2
83.3%	83.3% #6777DB	RGB 103 119 219	#6777DB
100.0%	100.0% #586CD4	RGB 88 108 212	#586CD4

#C0C2FF #ACB0F7 #9AA0F0 #8891E9 #7784E2 #6777DB #586CD4

#C0C2FF - #8891E9 - #586CD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C2FF 0%, #8891E9 50%, #586CD4 100%);
    background: -webkit-linear-gradient(top, #C0C2FF 0%, #8891E9 50%, #586CD4 100%);
    background: linear-gradient(to bottom, #C0C2FF 0%, #8891E9 50%, #586CD4 100%);
}
</style>