#DBDDD9 - #8CA192 | 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 #DBDDD9 to #8CA192

#DBDDD9 #8CA192

Calculate the color between two colors, #DBDDD9 and #8CA192. 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)

#DBDDD9 - #8CA192 | 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 #DBDDD9 as 0% and #8CA192 as 100%.

0.0%	0.0% #DBDDD9	RGB 219 221 217	#DBDDD9
16.7%	16.7% #CDD3CD	RGB 205 211 205	#CDD3CD
33.3%	33.3% #C0C9C1	RGB 192 201 193	#C0C9C1
50.0%	50.0% #B3BFB5	RGB 179 191 181	#B3BFB5
66.7%	66.7% #A6B5A9	RGB 166 181 169	#A6B5A9
83.3%	83.3% #99AB9D	RGB 153 171 157	#99AB9D
100.0%	100.0% #8CA192	RGB 140 161 146	#8CA192

#DBDDD9 #CDD3CD #C0C9C1 #B3BFB5 #A6B5A9 #99AB9D #8CA192

#DBDDD9 - #8CA192

HSV Blend

#DBDDD9 - #8CA192 | 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 #DBDDD9 as 0% and #8CA192 as 100%.

0.0%	0.0% #DBDDD9	RGB 219 221 217	#DBDDD9
16.7%	16.7% #CED3CB	RGB 206 211 203	#CED3CB
33.3%	33.3% #C0C9BD	RGB 192 201 189	#C0C9BD
50.0%	50.0% #B2BFB0	RGB 178 191 176	#B2BFB0
66.7%	66.7% #A4B5A4	RGB 164 181 164	#A4B5A4
83.3%	83.3% #97AB9A	RGB 151 171 154	#97AB9A
100.0%	100.0% #8CA192	RGB 140 161 146	#8CA192

#DBDDD9 #CED3CB #C0C9BD #B2BFB0 #A4B5A4 #97AB9A #8CA192

#DBDDD9 - #B2BFB0 - #8CA192

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDDD9 0%, #B2BFB0 50%, #8CA192 100%);
    background: -webkit-linear-gradient(top, #DBDDD9 0%, #B2BFB0 50%, #8CA192 100%);
    background: linear-gradient(to bottom, #DBDDD9 0%, #B2BFB0 50%, #8CA192 100%);
}
</style>