#C0C4FF - #5E69DB | 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 #C0C4FF to #5E69DB

#C0C4FF #5E69DB

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

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

0.0%	0.0% #C0C4FF	RGB 192 196 255	#C0C4FF
16.7%	16.7% #AFB4F9	RGB 175 180 249	#AFB4F9
33.3%	33.3% #9FA5F3	RGB 159 165 243	#9FA5F3
50.0%	50.0% #8F96ED	RGB 143 150 237	#8F96ED
66.7%	66.7% #7E87E7	RGB 126 135 231	#7E87E7
83.3%	83.3% #6E78E1	RGB 110 120 225	#6E78E1
100.0%	100.0% #5E69DB	RGB 94 105 219	#5E69DB

#C0C4FF #AFB4F9 #9FA5F3 #8F96ED #7E87E7 #6E78E1 #5E69DB

#C0C4FF - #5E69DB

HSV Blend

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

0.0%	0.0% #C0C4FF	RGB 192 196 255	#C0C4FF
16.7%	16.7% #AEB3F9	RGB 174 179 249	#AEB3F9
33.3%	33.3% #9CA2F3	RGB 156 162 243	#9CA2F3
50.0%	50.0% #8C93ED	RGB 140 147 237	#8C93ED
66.7%	66.7% #7C84E7	RGB 124 132 231	#7C84E7
83.3%	83.3% #6C76E1	RGB 108 118 225	#6C76E1
100.0%	100.0% #5E69DB	RGB 94 105 219	#5E69DB

#C0C4FF #AEB3F9 #9CA2F3 #8C93ED #7C84E7 #6C76E1 #5E69DB

#C0C4FF - #8C93ED - #5E69DB

CSS codes

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

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