#DCDFDB - #9DC68F | 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 #DCDFDB to #9DC68F

#DCDFDB #9DC68F

Calculate the color between two colors, #DCDFDB and #9DC68F. 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)

#DCDFDB - #9DC68F | 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 #DCDFDB as 0% and #9DC68F as 100%.

0.0%	0.0% #DCDFDB	RGB 220 223 219	#DCDFDB
16.7%	16.7% #D1DACE	RGB 209 218 206	#D1DACE
33.3%	33.3% #C7D6C1	RGB 199 214 193	#C7D6C1
50.0%	50.0% #BCD2B5	RGB 188 210 181	#BCD2B5
66.7%	66.7% #B2CEA8	RGB 178 206 168	#B2CEA8
83.3%	83.3% #A7CA9B	RGB 167 202 155	#A7CA9B
100.0%	100.0% #9DC68F	RGB 157 198 143	#9DC68F

#DCDFDB #D1DACE #C7D6C1 #BCD2B5 #B2CEA8 #A7CA9B #9DC68F

#DCDFDB - #9DC68F

HSV Blend

#DCDFDB - #9DC68F | 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 #DCDFDB as 0% and #9DC68F as 100%.

0.0%	0.0% #DCDFDB	RGB 220 223 219	#DCDFDB
16.7%	16.7% #D0DACD	RGB 208 218 205	#D0DACD
33.3%	33.3% #C5D6C0	RGB 197 214 192	#C5D6C0
50.0%	50.0% #BBD2B3	RGB 187 210 179	#BBD2B3
66.7%	66.7% #B0CEA6	RGB 176 206 166	#B0CEA6
83.3%	83.3% #A6CA9A	RGB 166 202 154	#A6CA9A
100.0%	100.0% #9DC68F	RGB 157 198 143	#9DC68F

#DCDFDB #D0DACD #C5D6C0 #BBD2B3 #B0CEA6 #A6CA9A #9DC68F

#DCDFDB - #BBD2B3 - #9DC68F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DCDFDB 0%, #BBD2B3 50%, #9DC68F 100%);
    background: -webkit-linear-gradient(top, #DCDFDB 0%, #BBD2B3 50%, #9DC68F 100%);
    background: linear-gradient(to bottom, #DCDFDB 0%, #BBD2B3 50%, #9DC68F 100%);
}
</style>