#C3C7CE - #718FAA | 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 #C3C7CE to #718FAA

#C3C7CE #718FAA

Calculate the color between two colors, #C3C7CE and #718FAA. 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)

#C3C7CE - #718FAA | 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 #C3C7CE as 0% and #718FAA as 100%.

0.0%	0.0% #C3C7CE	RGB 195 199 206	#C3C7CE
16.7%	16.7% #B5BDC8	RGB 181 189 200	#B5BDC8
33.3%	33.3% #A7B4C2	RGB 167 180 194	#A7B4C2
50.0%	50.0% #9AABBC	RGB 154 171 188	#9AABBC
66.7%	66.7% #8CA1B6	RGB 140 161 182	#8CA1B6
83.3%	83.3% #7E98B0	RGB 126 152 176	#7E98B0
100.0%	100.0% #718FAA	RGB 113 143 170	#718FAA

#C3C7CE #B5BDC8 #A7B4C2 #9AABBC #8CA1B6 #7E98B0 #718FAA

#C3C7CE - #718FAA

HSV Blend

#C3C7CE - #718FAA | 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 #C3C7CE as 0% and #718FAA as 100%.

0.0%	0.0% #C3C7CE	RGB 195 199 206	#C3C7CE
16.7%	16.7% #B3BBC8	RGB 179 187 200	#B3BBC8
33.3%	33.3% #A5B1C2	RGB 165 177 194	#A5B1C2
50.0%	50.0% #97A7BC	RGB 151 167 188	#97A7BC
66.7%	66.7% #8A9EB6	RGB 138 158 182	#8A9EB6
83.3%	83.3% #7D96B0	RGB 125 150 176	#7D96B0
100.0%	100.0% #718FAA	RGB 113 143 170	#718FAA

#C3C7CE #B3BBC8 #A5B1C2 #97A7BC #8A9EB6 #7D96B0 #718FAA

#C3C7CE - #97A7BC - #718FAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C7CE 0%, #97A7BC 50%, #718FAA 100%);
    background: -webkit-linear-gradient(top, #C3C7CE 0%, #97A7BC 50%, #718FAA 100%);
    background: linear-gradient(to bottom, #C3C7CE 0%, #97A7BC 50%, #718FAA 100%);
}
</style>