#C5E4E5 - #769BB0 | 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 #C5E4E5 to #769BB0

#C5E4E5 #769BB0

Calculate the color between two colors, #C5E4E5 and #769BB0. 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)

#C5E4E5 - #769BB0 | 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 #C5E4E5 as 0% and #769BB0 as 100%.

0.0%	0.0% #C5E4E5	RGB 197 228 229	#C5E4E5
16.7%	16.7% #B7D7DC	RGB 183 215 220	#B7D7DC
33.3%	33.3% #AACBD3	RGB 170 203 211	#AACBD3
50.0%	50.0% #9DBFCA	RGB 157 191 202	#9DBFCA
66.7%	66.7% #90B3C1	RGB 144 179 193	#90B3C1
83.3%	83.3% #83A7B8	RGB 131 167 184	#83A7B8
100.0%	100.0% #769BB0	RGB 118 155 176	#769BB0

#C5E4E5 #B7D7DC #AACBD3 #9DBFCA #90B3C1 #83A7B8 #769BB0

#C5E4E5 - #769BB0

HSV Blend

#C5E4E5 - #769BB0 | 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 #C5E4E5 as 0% and #769BB0 as 100%.

0.0%	0.0% #C5E4E5	RGB 197 228 229	#C5E4E5
16.7%	16.7% #B6D8DC	RGB 182 216 220	#B6D8DC
33.3%	33.3% #A8CDD3	RGB 168 205 211	#A8CDD3
50.0%	50.0% #9AC1CA	RGB 154 193 202	#9AC1CA
66.7%	66.7% #8EB4C1	RGB 142 180 193	#8EB4C1
83.3%	83.3% #81A7B8	RGB 129 167 184	#81A7B8
100.0%	100.0% #769BB0	RGB 118 155 176	#769BB0

#C5E4E5 #B6D8DC #A8CDD3 #9AC1CA #8EB4C1 #81A7B8 #769BB0

#C5E4E5 - #9AC1CA - #769BB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E4E5 0%, #9AC1CA 50%, #769BB0 100%);
    background: -webkit-linear-gradient(top, #C5E4E5 0%, #9AC1CA 50%, #769BB0 100%);
    background: linear-gradient(to bottom, #C5E4E5 0%, #9AC1CA 50%, #769BB0 100%);
}
</style>