#7E9BAF - #DAE3E8 | 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 #7E9BAF to #DAE3E8

#7E9BAF #DAE3E8

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

#7E9BAF - #DAE3E8 | 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 #7E9BAF as 0% and #DAE3E8 as 100%.

0.0%	0.0% #7E9BAF	RGB 126 155 175	#7E9BAF
16.7%	16.7% #8DA7B8	RGB 141 167 184	#8DA7B8
33.3%	33.3% #9CB3C2	RGB 156 179 194	#9CB3C2
50.0%	50.0% #ACBFCB	RGB 172 191 203	#ACBFCB
66.7%	66.7% #BBCBD5	RGB 187 203 213	#BBCBD5
83.3%	83.3% #CAD7DE	RGB 202 215 222	#CAD7DE
100.0%	100.0% #DAE3E8	RGB 218 227 232	#DAE3E8

#7E9BAF #8DA7B8 #9CB3C2 #ACBFCB #BBCBD5 #CAD7DE #DAE3E8

#7E9BAF - #DAE3E8

HSV Blend

#7E9BAF - #DAE3E8 | 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 #7E9BAF as 0% and #DAE3E8 as 100%.

0.0%	0.0% #7E9BAF	RGB 126 155 175	#7E9BAF
16.7%	16.7% #8BA6B8	RGB 139 166 184	#8BA6B8
33.3%	33.3% #99B2C2	RGB 153 178 194	#99B2C2
50.0%	50.0% #A8BECB	RGB 168 190 203	#A8BECB
66.7%	66.7% #B8CAD5	RGB 184 202 213	#B8CAD5
83.3%	83.3% #C8D6DE	RGB 200 214 222	#C8D6DE
100.0%	100.0% #DAE3E8	RGB 218 227 232	#DAE3E8

#7E9BAF #8BA6B8 #99B2C2 #A8BECB #B8CAD5 #C8D6DE #DAE3E8

#7E9BAF - #A8BECB - #DAE3E8

CSS codes

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

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