#71545C - #D6CED0 | 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 #71545C to #D6CED0

#71545C #D6CED0

Calculate the color between two colors, #71545C and #D6CED0. 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)

#71545C - #D6CED0 | 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 #71545C as 0% and #D6CED0 as 100%.

0.0%	0.0% #71545C	RGB 113 84 92	#71545C
16.7%	16.7% #81686F	RGB 129 104 111	#81686F
33.3%	33.3% #927C82	RGB 146 124 130	#927C82
50.0%	50.0% #A39196	RGB 163 145 150	#A39196
66.7%	66.7% #B4A5A9	RGB 180 165 169	#B4A5A9
83.3%	83.3% #C5B9BC	RGB 197 185 188	#C5B9BC
100.0%	100.0% #D6CED0	RGB 214 206 208	#D6CED0

#71545C #81686F #927C82 #A39196 #B4A5A9 #C5B9BC #D6CED0

#71545C - #D6CED0

HSV Blend

#71545C - #D6CED0 | 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 #71545C as 0% and #D6CED0 as 100%.

0.0%	0.0% #71545C	RGB 113 84 92	#71545C
16.7%	16.7% #81656D	RGB 129 101 109	#81656D
33.3%	33.3% #92777E	RGB 146 119 126	#92777E
50.0%	50.0% #A38B91	RGB 163 139 145	#A38B91
66.7%	66.7% #B4A0A5	RGB 180 160 165	#B4A0A5
83.3%	83.3% #C5B6BA	RGB 197 182 186	#C5B6BA
100.0%	100.0% #D6CED0	RGB 214 206 208	#D6CED0

#71545C #81656D #92777E #A38B91 #B4A0A5 #C5B6BA #D6CED0

#71545C - #A38B91 - #D6CED0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71545C 0%, #A38B91 50%, #D6CED0 100%);
    background: -webkit-linear-gradient(top, #71545C 0%, #A38B91 50%, #D6CED0 100%);
    background: linear-gradient(to bottom, #71545C 0%, #A38B91 50%, #D6CED0 100%);
}
</style>