#D9DCE3 - #8196AA | 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 #D9DCE3 to #8196AA

#D9DCE3 #8196AA

Calculate the color between two colors, #D9DCE3 and #8196AA. 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)

#D9DCE3 - #8196AA | 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 #D9DCE3 as 0% and #8196AA as 100%.

0.0%	0.0% #D9DCE3	RGB 217 220 227	#D9DCE3
16.7%	16.7% #CAD0D9	RGB 202 208 217	#CAD0D9
33.3%	33.3% #BBC4D0	RGB 187 196 208	#BBC4D0
50.0%	50.0% #ADB9C6	RGB 173 185 198	#ADB9C6
66.7%	66.7% #9EADBD	RGB 158 173 189	#9EADBD
83.3%	83.3% #8FA1B3	RGB 143 161 179	#8FA1B3
100.0%	100.0% #8196AA	RGB 129 150 170	#8196AA

#D9DCE3 #CAD0D9 #BBC4D0 #ADB9C6 #9EADBD #8FA1B3 #8196AA

#D9DCE3 - #8196AA

HSV Blend

#D9DCE3 - #8196AA | 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 #D9DCE3 as 0% and #8196AA as 100%.

0.0%	0.0% #D9DCE3	RGB 217 220 227	#D9DCE3
16.7%	16.7% #C8CED9	RGB 200 206 217	#C8CED9
33.3%	33.3% #B9C1D0	RGB 185 193 208	#B9C1D0
50.0%	50.0% #AAB5C6	RGB 170 181 198	#AAB5C6
66.7%	66.7% #9BAABD	RGB 155 170 189	#9BAABD
83.3%	83.3% #8E9FB3	RGB 142 159 179	#8E9FB3
100.0%	100.0% #8196AA	RGB 129 150 170	#8196AA

#D9DCE3 #C8CED9 #B9C1D0 #AAB5C6 #9BAABD #8E9FB3 #8196AA

#D9DCE3 - #AAB5C6 - #8196AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9DCE3 0%, #AAB5C6 50%, #8196AA 100%);
    background: -webkit-linear-gradient(top, #D9DCE3 0%, #AAB5C6 50%, #8196AA 100%);
    background: linear-gradient(to bottom, #D9DCE3 0%, #AAB5C6 50%, #8196AA 100%);
}
</style>