#9DA19F - #E2B5D0 | 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 #9DA19F to #E2B5D0

#9DA19F #E2B5D0

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

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

0.0%	0.0% #9DA19F	RGB 157 161 159	#9DA19F
16.7%	16.7% #A8A4A7	RGB 168 164 167	#A8A4A7
33.3%	33.3% #B4A7AF	RGB 180 167 175	#B4A7AF
50.0%	50.0% #BFABB7	RGB 191 171 183	#BFABB7
66.7%	66.7% #CBAEBF	RGB 203 174 191	#CBAEBF
83.3%	83.3% #D6B1C7	RGB 214 177 199	#D6B1C7
100.0%	100.0% #E2B5D0	RGB 226 181 208	#E2B5D0

#9DA19F #A8A4A7 #B4A7AF #BFABB7 #CBAEBF #D6B1C7 #E2B5D0

#9DA19F - #E2B5D0

HSV Blend

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

0.0%	0.0% #9DA19F	RGB 157 161 159	#9DA19F
16.7%	16.7% #A2ABAB	RGB 162 171 171	#A2ABAB
33.3%	33.3% #A7AFB6	RGB 167 175 182	#A7AFB6
50.0%	50.0% #ABACC1	RGB 171 172 193	#ABACC1
66.7%	66.7% #BCAFCC	RGB 188 175 204	#BCAFCC
83.3%	83.3% #D4B2D7	RGB 212 178 215	#D4B2D7
100.0%	100.0% #E2B5D0	RGB 226 181 208	#E2B5D0

#9DA19F #A2ABAB #A7AFB6 #ABACC1 #BCAFCC #D4B2D7 #E2B5D0

#9DA19F - #ABACC1 - #E2B5D0

CSS codes

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

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