#C7E8FF - #6193DF | 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 #C7E8FF to #6193DF

#C7E8FF #6193DF

Calculate the color between two colors, #C7E8FF and #6193DF. 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)

#C7E8FF - #6193DF | 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 #C7E8FF as 0% and #6193DF as 100%.

0.0%	0.0% #C7E8FF	RGB 199 232 255	#C7E8FF
16.7%	16.7% #B6D9F9	RGB 182 217 249	#B6D9F9
33.3%	33.3% #A5CBF4	RGB 165 203 244	#A5CBF4
50.0%	50.0% #94BDEF	RGB 148 189 239	#94BDEF
66.7%	66.7% #83AFE9	RGB 131 175 233	#83AFE9
83.3%	83.3% #72A1E4	RGB 114 161 228	#72A1E4
100.0%	100.0% #6193DF	RGB 97 147 223	#6193DF

#C7E8FF #B6D9F9 #A5CBF4 #94BDEF #83AFE9 #72A1E4 #6193DF

#C7E8FF - #6193DF

HSV Blend

#C7E8FF - #6193DF | 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 #C7E8FF as 0% and #6193DF as 100%.

0.0%	0.0% #C7E8FF	RGB 199 232 255	#C7E8FF
16.7%	16.7% #B4DBF9	RGB 180 219 249	#B4DBF9
33.3%	33.3% #A2CDF4	RGB 162 205 244	#A2CDF4
50.0%	50.0% #91BFEF	RGB 145 191 239	#91BFEF
66.7%	66.7% #80B1E9	RGB 128 177 233	#80B1E9
83.3%	83.3% #70A2E4	RGB 112 162 228	#70A2E4
100.0%	100.0% #6193DF	RGB 97 147 223	#6193DF

#C7E8FF #B4DBF9 #A2CDF4 #91BFEF #80B1E9 #70A2E4 #6193DF

#C7E8FF - #91BFEF - #6193DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E8FF 0%, #91BFEF 50%, #6193DF 100%);
    background: -webkit-linear-gradient(top, #C7E8FF 0%, #91BFEF 50%, #6193DF 100%);
    background: linear-gradient(to bottom, #C7E8FF 0%, #91BFEF 50%, #6193DF 100%);
}
</style>