#D5E3F7 - #7B9CC8 | 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 #D5E3F7 to #7B9CC8

#D5E3F7 #7B9CC8

Calculate the color between two colors, #D5E3F7 and #7B9CC8. 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)

#D5E3F7 - #7B9CC8 | 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 #D5E3F7 as 0% and #7B9CC8 as 100%.

0.0%	0.0% #D5E3F7	RGB 213 227 247	#D5E3F7
16.7%	16.7% #C6D7EF	RGB 198 215 239	#C6D7EF
33.3%	33.3% #B7CBE7	RGB 183 203 231	#B7CBE7
50.0%	50.0% #A8BFDF	RGB 168 191 223	#A8BFDF
66.7%	66.7% #99B3D7	RGB 153 179 215	#99B3D7
83.3%	83.3% #8AA7CF	RGB 138 167 207	#8AA7CF
100.0%	100.0% #7B9CC8	RGB 123 156 200	#7B9CC8

#D5E3F7 #C6D7EF #B7CBE7 #A8BFDF #99B3D7 #8AA7CF #7B9CC8

#D5E3F7 - #7B9CC8

HSV Blend

#D5E3F7 - #7B9CC8 | 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 #D5E3F7 as 0% and #7B9CC8 as 100%.

0.0%	0.0% #D5E3F7	RGB 213 227 247	#D5E3F7
16.7%	16.7% #C4D6EF	RGB 196 214 239	#C4D6EF
33.3%	33.3% #B4C9E7	RGB 180 201 231	#B4C9E7
50.0%	50.0% #A5BDDF	RGB 165 189 223	#A5BDDF
66.7%	66.7% #96B2D7	RGB 150 178 215	#96B2D7
83.3%	83.3% #88A6CF	RGB 136 166 207	#88A6CF
100.0%	100.0% #7B9CC8	RGB 123 156 200	#7B9CC8

#D5E3F7 #C4D6EF #B4C9E7 #A5BDDF #96B2D7 #88A6CF #7B9CC8

#D5E3F7 - #A5BDDF - #7B9CC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E3F7 0%, #A5BDDF 50%, #7B9CC8 100%);
    background: -webkit-linear-gradient(top, #D5E3F7 0%, #A5BDDF 50%, #7B9CC8 100%);
    background: linear-gradient(to bottom, #D5E3F7 0%, #A5BDDF 50%, #7B9CC8 100%);
}
</style>