#C7E3E7 - #769AB2 | 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 #C7E3E7 to #769AB2

#C7E3E7 #769AB2

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

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

0.0%	0.0% #C7E3E7	RGB 199 227 231	#C7E3E7
16.7%	16.7% #B9D6DE	RGB 185 214 222	#B9D6DE
33.3%	33.3% #ACCAD5	RGB 172 202 213	#ACCAD5
50.0%	50.0% #9EBECC	RGB 158 190 204	#9EBECC
66.7%	66.7% #91B2C3	RGB 145 178 195	#91B2C3
83.3%	83.3% #83A6BA	RGB 131 166 186	#83A6BA
100.0%	100.0% #769AB2	RGB 118 154 178	#769AB2

#C7E3E7 #B9D6DE #ACCAD5 #9EBECC #91B2C3 #83A6BA #769AB2

#C7E3E7 - #769AB2

HSV Blend

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

0.0%	0.0% #C7E3E7	RGB 199 227 231	#C7E3E7
16.7%	16.7% #B8D7DE	RGB 184 215 222	#B8D7DE
33.3%	33.3% #A9CBD5	RGB 169 203 213	#A9CBD5
50.0%	50.0% #9BBFCC	RGB 155 191 204	#9BBFCC
66.7%	66.7% #8EB3C3	RGB 142 179 195	#8EB3C3
83.3%	83.3% #82A6BA	RGB 130 166 186	#82A6BA
100.0%	100.0% #769AB2	RGB 118 154 178	#769AB2

#C7E3E7 #B8D7DE #A9CBD5 #9BBFCC #8EB3C3 #82A6BA #769AB2

#C7E3E7 - #9BBFCC - #769AB2

CSS codes

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

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