#C3C7E2 - #637AA9 | 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 #C3C7E2 to #637AA9

#C3C7E2 #637AA9

Calculate the color between two colors, #C3C7E2 and #637AA9. 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)

#C3C7E2 - #637AA9 | 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 #C3C7E2 as 0% and #637AA9 as 100%.

0.0%	0.0% #C3C7E2	RGB 195 199 226	#C3C7E2
16.7%	16.7% #B3BAD8	RGB 179 186 216	#B3BAD8
33.3%	33.3% #A3ADCF	RGB 163 173 207	#A3ADCF
50.0%	50.0% #93A0C5	RGB 147 160 197	#93A0C5
66.7%	66.7% #8393BC	RGB 131 147 188	#8393BC
83.3%	83.3% #7386B2	RGB 115 134 178	#7386B2
100.0%	100.0% #637AA9	RGB 99 122 169	#637AA9

#C3C7E2 #B3BAD8 #A3ADCF #93A0C5 #8393BC #7386B2 #637AA9

#C3C7E2 - #637AA9

HSV Blend

#C3C7E2 - #637AA9 | 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 #C3C7E2 as 0% and #637AA9 as 100%.

0.0%	0.0% #C3C7E2	RGB 195 199 226	#C3C7E2
16.7%	16.7% #B0B7D8	RGB 176 183 216	#B0B7D8
33.3%	33.3% #9FA8CF	RGB 159 168 207	#9FA8CF
50.0%	50.0% #8F9BC5	RGB 143 155 197	#8F9BC5
66.7%	66.7% #7F8FBC	RGB 127 143 188	#7F8FBC
83.3%	83.3% #7084B2	RGB 112 132 178	#7084B2
100.0%	100.0% #637AA9	RGB 99 122 169	#637AA9

#C3C7E2 #B0B7D8 #9FA8CF #8F9BC5 #7F8FBC #7084B2 #637AA9

#C3C7E2 - #8F9BC5 - #637AA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C7E2 0%, #8F9BC5 50%, #637AA9 100%);
    background: -webkit-linear-gradient(top, #C3C7E2 0%, #8F9BC5 50%, #637AA9 100%);
    background: linear-gradient(to bottom, #C3C7E2 0%, #8F9BC5 50%, #637AA9 100%);
}
</style>