#D5DDDF - #849E9F | 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 #D5DDDF to #849E9F

#D5DDDF #849E9F

Calculate the color between two colors, #D5DDDF and #849E9F. 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)

#D5DDDF - #849E9F | 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 #D5DDDF as 0% and #849E9F as 100%.

0.0%	0.0% #D5DDDF	RGB 213 221 223	#D5DDDF
16.7%	16.7% #C7D2D4	RGB 199 210 212	#C7D2D4
33.3%	33.3% #BAC8C9	RGB 186 200 201	#BAC8C9
50.0%	50.0% #ACBDBF	RGB 172 189 191	#ACBDBF
66.7%	66.7% #9FB3B4	RGB 159 179 180	#9FB3B4
83.3%	83.3% #91A8A9	RGB 145 168 169	#91A8A9
100.0%	100.0% #849E9F	RGB 132 158 159	#849E9F

#D5DDDF #C7D2D4 #BAC8C9 #ACBDBF #9FB3B4 #91A8A9 #849E9F

#D5DDDF - #849E9F

HSV Blend

#D5DDDF - #849E9F | 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 #D5DDDF as 0% and #849E9F as 100%.

0.0%	0.0% #D5DDDF	RGB 213 221 223	#D5DDDF
16.7%	16.7% #C6D1D4	RGB 198 209 212	#C6D1D4
33.3%	33.3% #B8C7C9	RGB 184 199 201	#B8C7C9
50.0%	50.0% #AABCBF	RGB 170 188 191	#AABCBF
66.7%	66.7% #9DB2B4	RGB 157 178 180	#9DB2B4
83.3%	83.3% #90A8A9	RGB 144 168 169	#90A8A9
100.0%	100.0% #849E9F	RGB 132 158 159	#849E9F

#D5DDDF #C6D1D4 #B8C7C9 #AABCBF #9DB2B4 #90A8A9 #849E9F

#D5DDDF - #AABCBF - #849E9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5DDDF 0%, #AABCBF 50%, #849E9F 100%);
    background: -webkit-linear-gradient(top, #D5DDDF 0%, #AABCBF 50%, #849E9F 100%);
    background: linear-gradient(to bottom, #D5DDDF 0%, #AABCBF 50%, #849E9F 100%);
}
</style>