#C3C3F0 - #5E72BD | 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 #C3C3F0 to #5E72BD

#C3C3F0 #5E72BD

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

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

0.0%	0.0% #C3C3F0	RGB 195 195 240	#C3C3F0
16.7%	16.7% #B2B5E7	RGB 178 181 231	#B2B5E7
33.3%	33.3% #A1A8DF	RGB 161 168 223	#A1A8DF
50.0%	50.0% #909AD6	RGB 144 154 214	#909AD6
66.7%	66.7% #7F8DCE	RGB 127 141 206	#7F8DCE
83.3%	83.3% #6E7FC5	RGB 110 127 197	#6E7FC5
100.0%	100.0% #5E72BD	RGB 94 114 189	#5E72BD

#C3C3F0 #B2B5E7 #A1A8DF #909AD6 #7F8DCE #6E7FC5 #5E72BD

#C3C3F0 - #5E72BD

HSV Blend

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

0.0%	0.0% #C3C3F0	RGB 195 195 240	#C3C3F0
16.7%	16.7% #AFB1E7	RGB 175 177 231	#AFB1E7
33.3%	33.3% #9DA2DF	RGB 157 162 223	#9DA2DF
50.0%	50.0% #8C94D6	RGB 140 148 214	#8C94D6
66.7%	66.7% #7C87CE	RGB 124 135 206	#7C87CE
83.3%	83.3% #6C7CC5	RGB 108 124 197	#6C7CC5
100.0%	100.0% #5E72BD	RGB 94 114 189	#5E72BD

#C3C3F0 #AFB1E7 #9DA2DF #8C94D6 #7C87CE #6C7CC5 #5E72BD

#C3C3F0 - #8C94D6 - #5E72BD

CSS codes

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

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