#D0D9CD - #3A3E3A | 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 #D0D9CD to #3A3E3A

#D0D9CD #3A3E3A

Calculate the color between two colors, #D0D9CD and #3A3E3A. 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)

#D0D9CD - #3A3E3A | 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 #D0D9CD as 0% and #3A3E3A as 100%.

0.0%	0.0% #D0D9CD	RGB 208 217 205	#D0D9CD
16.7%	16.7% #B7BFB4	RGB 183 191 180	#B7BFB4
33.3%	33.3% #9EA59C	RGB 158 165 156	#9EA59C
50.0%	50.0% #858B83	RGB 133 139 131	#858B83
66.7%	66.7% #6C716B	RGB 108 113 107	#6C716B
83.3%	83.3% #535752	RGB 83 87 82	#535752
100.0%	100.0% #3A3E3A	RGB 58 62 58	#3A3E3A

#D0D9CD #B7BFB4 #9EA59C #858B83 #6C716B #535752 #3A3E3A

#D0D9CD - #3A3E3A

HSV Blend

#D0D9CD - #3A3E3A | 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 #D0D9CD as 0% and #3A3E3A as 100%.

0.0%	0.0% #D0D9CD	RGB 208 217 205	#D0D9CD
16.7%	16.7% #B6BFB4	RGB 182 191 180	#B6BFB4
33.3%	33.3% #9DA59B	RGB 157 165 155	#9DA59B
50.0%	50.0% #848B83	RGB 132 139 131	#848B83
66.7%	66.7% #6B716A	RGB 107 113 106	#6B716A
83.3%	83.3% #525752	RGB 82 87 82	#525752
100.0%	100.0% #3A3E3A	RGB 58 62 58	#3A3E3A

#D0D9CD #B6BFB4 #9DA59B #848B83 #6B716A #525752 #3A3E3A

#D0D9CD - #848B83 - #3A3E3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0D9CD 0%, #848B83 50%, #3A3E3A 100%);
    background: -webkit-linear-gradient(top, #D0D9CD 0%, #848B83 50%, #3A3E3A 100%);
    background: linear-gradient(to bottom, #D0D9CD 0%, #848B83 50%, #3A3E3A 100%);
}
</style>