#5D695B - #D0D4D0 | 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 #5D695B to #D0D4D0

#5D695B #D0D4D0

Calculate the color between two colors, #5D695B and #D0D4D0. 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)

#5D695B - #D0D4D0 | 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 #5D695B as 0% and #D0D4D0 as 100%.

0.0%	0.0% #5D695B	RGB 93 105 91	#5D695B
16.7%	16.7% #707A6E	RGB 112 122 110	#707A6E
33.3%	33.3% #838C82	RGB 131 140 130	#838C82
50.0%	50.0% #969E95	RGB 150 158 149	#969E95
66.7%	66.7% #A9B0A9	RGB 169 176 169	#A9B0A9
83.3%	83.3% #BCC2BC	RGB 188 194 188	#BCC2BC
100.0%	100.0% #D0D4D0	RGB 208 212 208	#D0D4D0

#5D695B #707A6E #838C82 #969E95 #A9B0A9 #BCC2BC #D0D4D0

#5D695B - #D0D4D0

HSV Blend

#5D695B - #D0D4D0 | 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 #5D695B as 0% and #D0D4D0 as 100%.

0.0%	0.0% #5D695B	RGB 93 105 91	#5D695B
16.7%	16.7% #6E7A6C	RGB 110 122 108	#6E7A6C
33.3%	33.3% #808C7F	RGB 128 140 127	#808C7F
50.0%	50.0% #939E92	RGB 147 158 146	#939E92
66.7%	66.7% #A6B0A6	RGB 166 176 166	#A6B0A6
83.3%	83.3% #BAC2BA	RGB 186 194 186	#BAC2BA
100.0%	100.0% #D0D4D0	RGB 208 212 208	#D0D4D0

#5D695B #6E7A6C #808C7F #939E92 #A6B0A6 #BAC2BA #D0D4D0

#5D695B - #939E92 - #D0D4D0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D695B 0%, #939E92 50%, #D0D4D0 100%);
    background: -webkit-linear-gradient(top, #5D695B 0%, #939E92 50%, #D0D4D0 100%);
    background: linear-gradient(to bottom, #5D695B 0%, #939E92 50%, #D0D4D0 100%);
}
</style>