#D2DBD6 - #7E9A8D | 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 #D2DBD6 to #7E9A8D

#D2DBD6 #7E9A8D

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

#D2DBD6 - #7E9A8D | 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 #D2DBD6 as 0% and #7E9A8D as 100%.

0.0%	0.0% #D2DBD6	RGB 210 219 214	#D2DBD6
16.7%	16.7% #C4D0C9	RGB 196 208 201	#C4D0C9
33.3%	33.3% #B6C5BD	RGB 182 197 189	#B6C5BD
50.0%	50.0% #A8BAB1	RGB 168 186 177	#A8BAB1
66.7%	66.7% #9AAFA5	RGB 154 175 165	#9AAFA5
83.3%	83.3% #8CA499	RGB 140 164 153	#8CA499
100.0%	100.0% #7E9A8D	RGB 126 154 141	#7E9A8D

#D2DBD6 #C4D0C9 #B6C5BD #A8BAB1 #9AAFA5 #8CA499 #7E9A8D

#D2DBD6 - #7E9A8D

HSV Blend

#D2DBD6 - #7E9A8D | 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 #D2DBD6 as 0% and #7E9A8D as 100%.

0.0%	0.0% #D2DBD6	RGB 210 219 214	#D2DBD6
16.7%	16.7% #C2D0C8	RGB 194 208 200	#C2D0C8
33.3%	33.3% #B3C5BC	RGB 179 197 188	#B3C5BC
50.0%	50.0% #A5BAAF	RGB 165 186 175	#A5BAAF
66.7%	66.7% #97AFA3	RGB 151 175 163	#97AFA3
83.3%	83.3% #8AA498	RGB 138 164 152	#8AA498
100.0%	100.0% #7E9A8D	RGB 126 154 141	#7E9A8D

#D2DBD6 #C2D0C8 #B3C5BC #A5BAAF #97AFA3 #8AA498 #7E9A8D

#D2DBD6 - #A5BAAF - #7E9A8D

CSS codes

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

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