#DCDFDC - #7EAF75 | 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 #DCDFDC to #7EAF75

#DCDFDC #7EAF75

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

#DCDFDC - #7EAF75 | 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 #DCDFDC as 0% and #7EAF75 as 100%.

0.0%	0.0% #DCDFDC	RGB 220 223 220	#DCDFDC
16.7%	16.7% #CCD7CA	RGB 204 215 202	#CCD7CA
33.3%	33.3% #BCCFB9	RGB 188 207 185	#BCCFB9
50.0%	50.0% #ADC7A8	RGB 173 199 168	#ADC7A8
66.7%	66.7% #9DBF97	RGB 157 191 151	#9DBF97
83.3%	83.3% #8DB786	RGB 141 183 134	#8DB786
100.0%	100.0% #7EAF75	RGB 126 175 117	#7EAF75

#DCDFDC #CCD7CA #BCCFB9 #ADC7A8 #9DBF97 #8DB786 #7EAF75

#DCDFDC - #7EAF75

HSV Blend

#DCDFDC - #7EAF75 | 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 #DCDFDC as 0% and #7EAF75 as 100%.

0.0%	0.0% #DCDFDC	RGB 220 223 220	#DCDFDC
16.7%	16.7% #C9D7C8	RGB 201 215 200	#C9D7C8
33.3%	33.3% #B7CFB6	RGB 183 207 182	#B7CFB6
50.0%	50.0% #A7C7A4	RGB 167 199 164	#A7C7A4
66.7%	66.7% #98BF93	RGB 152 191 147	#98BF93
83.3%	83.3% #8AB784	RGB 138 183 132	#8AB784
100.0%	100.0% #7EAF75	RGB 126 175 117	#7EAF75

#DCDFDC #C9D7C8 #B7CFB6 #A7C7A4 #98BF93 #8AB784 #7EAF75

#DCDFDC - #A7C7A4 - #7EAF75

CSS codes

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

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