#D5E2EF - #7F9EC9 | 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 #D5E2EF to #7F9EC9

#D5E2EF #7F9EC9

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

#D5E2EF - #7F9EC9 | 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 #D5E2EF as 0% and #7F9EC9 as 100%.

0.0%	0.0% #D5E2EF	RGB 213 226 239	#D5E2EF
16.7%	16.7% #C6D6E8	RGB 198 214 232	#C6D6E8
33.3%	33.3% #B8CBE2	RGB 184 203 226	#B8CBE2
50.0%	50.0% #AAC0DC	RGB 170 192 220	#AAC0DC
66.7%	66.7% #9BB4D5	RGB 155 180 213	#9BB4D5
83.3%	83.3% #8DA9CF	RGB 141 169 207	#8DA9CF
100.0%	100.0% #7F9EC9	RGB 127 158 201	#7F9EC9

#D5E2EF #C6D6E8 #B8CBE2 #AAC0DC #9BB4D5 #8DA9CF #7F9EC9

#D5E2EF - #7F9EC9

HSV Blend

#D5E2EF - #7F9EC9 | 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 #D5E2EF as 0% and #7F9EC9 as 100%.

0.0%	0.0% #D5E2EF	RGB 213 226 239	#D5E2EF
16.7%	16.7% #C5D6E8	RGB 197 214 232	#C5D6E8
33.3%	33.3% #B6CBE2	RGB 182 203 226	#B6CBE2
50.0%	50.0% #A7BFDC	RGB 167 191 220	#A7BFDC
66.7%	66.7% #99B4D5	RGB 153 180 213	#99B4D5
83.3%	83.3% #8BA9CF	RGB 139 169 207	#8BA9CF
100.0%	100.0% #7F9EC9	RGB 127 158 201	#7F9EC9

#D5E2EF #C5D6E8 #B6CBE2 #A7BFDC #99B4D5 #8BA9CF #7F9EC9

#D5E2EF - #A7BFDC - #7F9EC9

CSS codes

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

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