#958787 - #E0DCDC | 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 #958787 to #E0DCDC

#958787 #E0DCDC

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

#958787 - #E0DCDC | 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 #958787 as 0% and #E0DCDC as 100%.

0.0%	0.0% #958787	RGB 149 135 135	#958787
16.7%	16.7% #A19595	RGB 161 149 149	#A19595
33.3%	33.3% #AEA3A3	RGB 174 163 163	#AEA3A3
50.0%	50.0% #BAB1B1	RGB 186 177 177	#BAB1B1
66.7%	66.7% #C7BFBF	RGB 199 191 191	#C7BFBF
83.3%	83.3% #D3CDCD	RGB 211 205 205	#D3CDCD
100.0%	100.0% #E0DCDC	RGB 224 220 220	#E0DCDC

#958787 #A19595 #AEA3A3 #BAB1B1 #C7BFBF #D3CDCD #E0DCDC

#958787 - #E0DCDC

HSV Blend

#958787 - #E0DCDC | 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 #958787 as 0% and #E0DCDC as 100%.

0.0%	0.0% #958787	RGB 149 135 135	#958787
16.7%	16.7% #A19494	RGB 161 148 148	#A19494
33.3%	33.3% #AEA2A2	RGB 174 162 162	#AEA2A2
50.0%	50.0% #BAB0B0	RGB 186 176 176	#BAB0B0
66.7%	66.7% #C7BEBE	RGB 199 190 190	#C7BEBE
83.3%	83.3% #D3CDCD	RGB 211 205 205	#D3CDCD
100.0%	100.0% #E0DCDC	RGB 224 220 220	#E0DCDC

#958787 #A19494 #AEA2A2 #BAB0B0 #C7BEBE #D3CDCD #E0DCDC

#958787 - #BAB0B0 - #E0DCDC

CSS codes

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

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