#C7E8FF - #6192DF | 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 #6192DF

#C7E8FF #6192DF

Calculate the color between two colors, #C7E8FF and #6192DF. 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 - #6192DF | 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 #6192DF 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% #83AEE9	RGB 131 174 233	#83AEE9
83.3%	83.3% #72A0E4	RGB 114 160 228	#72A0E4
100.0%	100.0% #6192DF	RGB 97 146 223	#6192DF

#C7E8FF #B6D9F9 #A5CBF4 #94BDEF #83AEE9 #72A0E4 #6192DF

#C7E8FF - #6192DF

HSV Blend

#C7E8FF - #6192DF | 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 #6192DF as 100%.

0.0%	0.0% #C7E8FF	RGB 199 232 255	#C7E8FF
16.7%	16.7% #B4DAF9	RGB 180 218 249	#B4DAF9
33.3%	33.3% #A2CDF4	RGB 162 205 244	#A2CDF4
50.0%	50.0% #91BFEF	RGB 145 191 239	#91BFEF
66.7%	66.7% #80B0E9	RGB 128 176 233	#80B0E9
83.3%	83.3% #70A1E4	RGB 112 161 228	#70A1E4
100.0%	100.0% #6192DF	RGB 97 146 223	#6192DF

#C7E8FF #B4DAF9 #A2CDF4 #91BFEF #80B0E9 #70A1E4 #6192DF

#C7E8FF - #91BFEF - #6192DF

CSS codes

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

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