#695C5C - #D4D0D0 | 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 #695C5C to #D4D0D0

#695C5C #D4D0D0

Calculate the color between two colors, #695C5C and #D4D0D0. 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)

#695C5C - #D4D0D0 | 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 #695C5C as 0% and #D4D0D0 as 100%.

0.0%	0.0% #695C5C	RGB 105 92 92	#695C5C
16.7%	16.7% #7A6F6F	RGB 122 111 111	#7A6F6F
33.3%	33.3% #8C8282	RGB 140 130 130	#8C8282
50.0%	50.0% #9E9696	RGB 158 150 150	#9E9696
66.7%	66.7% #B0A9A9	RGB 176 169 169	#B0A9A9
83.3%	83.3% #C2BCBC	RGB 194 188 188	#C2BCBC
100.0%	100.0% #D4D0D0	RGB 212 208 208	#D4D0D0

#695C5C #7A6F6F #8C8282 #9E9696 #B0A9A9 #C2BCBC #D4D0D0

#695C5C - #D4D0D0

HSV Blend

#695C5C - #D4D0D0 | 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 #695C5C as 0% and #D4D0D0 as 100%.

0.0%	0.0% #695C5C	RGB 105 92 92	#695C5C
16.7%	16.7% #7A6D6D	RGB 122 109 109	#7A6D6D
33.3%	33.3% #8C8080	RGB 140 128 128	#8C8080
50.0%	50.0% #9E9393	RGB 158 147 147	#9E9393
66.7%	66.7% #B0A6A6	RGB 176 166 166	#B0A6A6
83.3%	83.3% #C2BBBB	RGB 194 187 187	#C2BBBB
100.0%	100.0% #D4D0D0	RGB 212 208 208	#D4D0D0

#695C5C #7A6D6D #8C8080 #9E9393 #B0A6A6 #C2BBBB #D4D0D0

#695C5C - #9E9393 - #D4D0D0

CSS codes

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

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