#C7D6D9 - #759EB0 | 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 #C7D6D9 to #759EB0

#C7D6D9 #759EB0

Calculate the color between two colors, #C7D6D9 and #759EB0. 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)

#C7D6D9 - #759EB0 | 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 #C7D6D9 as 0% and #759EB0 as 100%.

0.0%	0.0% #C7D6D9	RGB 199 214 217	#C7D6D9
16.7%	16.7% #B9CCD2	RGB 185 204 210	#B9CCD2
33.3%	33.3% #ABC3CB	RGB 171 195 203	#ABC3CB
50.0%	50.0% #9EBAC4	RGB 158 186 196	#9EBAC4
66.7%	66.7% #90B0BD	RGB 144 176 189	#90B0BD
83.3%	83.3% #82A7B6	RGB 130 167 182	#82A7B6
100.0%	100.0% #759EB0	RGB 117 158 176	#759EB0

#C7D6D9 #B9CCD2 #ABC3CB #9EBAC4 #90B0BD #82A7B6 #759EB0

#C7D6D9 - #759EB0

HSV Blend

#C7D6D9 - #759EB0 | 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 #C7D6D9 as 0% and #759EB0 as 100%.

0.0%	0.0% #C7D6D9	RGB 199 214 217	#C7D6D9
16.7%	16.7% #B7CDD2	RGB 183 205 210	#B7CDD2
33.3%	33.3% #A9C4CB	RGB 169 196 203	#A9C4CB
50.0%	50.0% #9BBAC4	RGB 155 186 196	#9BBAC4
66.7%	66.7% #8EB1BD	RGB 142 177 189	#8EB1BD
83.3%	83.3% #81A7B6	RGB 129 167 182	#81A7B6
100.0%	100.0% #759EB0	RGB 117 158 176	#759EB0

#C7D6D9 #B7CDD2 #A9C4CB #9BBAC4 #8EB1BD #81A7B6 #759EB0

#C7D6D9 - #9BBAC4 - #759EB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7D6D9 0%, #9BBAC4 50%, #759EB0 100%);
    background: -webkit-linear-gradient(top, #C7D6D9 0%, #9BBAC4 50%, #759EB0 100%);
    background: linear-gradient(to bottom, #C7D6D9 0%, #9BBAC4 50%, #759EB0 100%);
}
</style>