#9A8694 - #E2DCE0 | 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 #9A8694 to #E2DCE0

#9A8694 #E2DCE0

Calculate the color between two colors, #9A8694 and #E2DCE0. 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)

#9A8694 - #E2DCE0 | 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 #9A8694 as 0% and #E2DCE0 as 100%.

0.0%	0.0% #9A8694	RGB 154 134 148	#9A8694
16.7%	16.7% #A694A0	RGB 166 148 160	#A694A0
33.3%	33.3% #B2A2AD	RGB 178 162 173	#B2A2AD
50.0%	50.0% #BEB1BA	RGB 190 177 186	#BEB1BA
66.7%	66.7% #CABFC6	RGB 202 191 198	#CABFC6
83.3%	83.3% #D6CDD3	RGB 214 205 211	#D6CDD3
100.0%	100.0% #E2DCE0	RGB 226 220 224	#E2DCE0

#9A8694 #A694A0 #B2A2AD #BEB1BA #CABFC6 #D6CDD3 #E2DCE0

#9A8694 - #E2DCE0

HSV Blend

#9A8694 - #E2DCE0 | 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 #9A8694 as 0% and #E2DCE0 as 100%.

0.0%	0.0% #9A8694	RGB 154 134 148	#9A8694
16.7%	16.7% #A693A0	RGB 166 147 160	#A693A0
33.3%	33.3% #B2A1AC	RGB 178 161 172	#B2A1AC
50.0%	50.0% #BEAFB9	RGB 190 175 185	#BEAFB9
66.7%	66.7% #CABDC6	RGB 202 189 198	#CABDC6
83.3%	83.3% #D6CCD2	RGB 214 204 210	#D6CCD2
100.0%	100.0% #E2DCE0	RGB 226 220 224	#E2DCE0

#9A8694 #A693A0 #B2A1AC #BEAFB9 #CABDC6 #D6CCD2 #E2DCE0

#9A8694 - #BEAFB9 - #E2DCE0

CSS codes

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

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