#C7CEFE - #637DD3 | 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 #C7CEFE to #637DD3

#C7CEFE #637DD3

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

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

0.0%	0.0% #C7CEFE	RGB 199 206 254	#C7CEFE
16.7%	16.7% #B6C0F6	RGB 182 192 246	#B6C0F6
33.3%	33.3% #A5B3EF	RGB 165 179 239	#A5B3EF
50.0%	50.0% #95A5E8	RGB 149 165 232	#95A5E8
66.7%	66.7% #8498E1	RGB 132 152 225	#8498E1
83.3%	83.3% #738ADA	RGB 115 138 218	#738ADA
100.0%	100.0% #637DD3	RGB 99 125 211	#637DD3

#C7CEFE #B6C0F6 #A5B3EF #95A5E8 #8498E1 #738ADA #637DD3

#C7CEFE - #637DD3

HSV Blend

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

0.0%	0.0% #C7CEFE	RGB 199 206 254	#C7CEFE
16.7%	16.7% #B4BEF6	RGB 180 190 246	#B4BEF6
33.3%	33.3% #A2AFEF	RGB 162 175 239	#A2AFEF
50.0%	50.0% #91A1E8	RGB 145 161 232	#91A1E8
66.7%	66.7% #8194E1	RGB 129 148 225	#8194E1
83.3%	83.3% #7188DA	RGB 113 136 218	#7188DA
100.0%	100.0% #637DD3	RGB 99 125 211	#637DD3

#C7CEFE #B4BEF6 #A2AFEF #91A1E8 #8194E1 #7188DA #637DD3

#C7CEFE - #91A1E8 - #637DD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CEFE 0%, #91A1E8 50%, #637DD3 100%);
    background: -webkit-linear-gradient(top, #C7CEFE 0%, #91A1E8 50%, #637DD3 100%);
    background: linear-gradient(to bottom, #C7CEFE 0%, #91A1E8 50%, #637DD3 100%);
}
</style>