#9DA19F - #E2B5C5 | 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 #E2B5C5

#9DA19F #E2B5C5

Calculate the color between two colors, #9DA19F and #E2B5C5. 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 - #E2B5C5 | 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 #E2B5C5 as 100%.

0.0%	0.0% #9DA19F	RGB 157 161 159	#9DA19F
16.7%	16.7% #A8A4A5	RGB 168 164 165	#A8A4A5
33.3%	33.3% #B4A7AB	RGB 180 167 171	#B4A7AB
50.0%	50.0% #BFABB2	RGB 191 171 178	#BFABB2
66.7%	66.7% #CBAEB8	RGB 203 174 184	#CBAEB8
83.3%	83.3% #D6B1BE	RGB 214 177 190	#D6B1BE
100.0%	100.0% #E2B5C5	RGB 226 181 197	#E2B5C5

#9DA19F #A8A4A5 #B4A7AB #BFABB2 #CBAEB8 #D6B1BE #E2B5C5

#9DA19F - #E2B5C5

HSV Blend

#9DA19F - #E2B5C5 | 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 #E2B5C5 as 100%.

0.0%	0.0% #9DA19F	RGB 157 161 159	#9DA19F
16.7%	16.7% #A2ABA2	RGB 162 171 162	#A2ABA2
33.3%	33.3% #AEB6A7	RGB 174 182 167	#AEB6A7
50.0%	50.0% #BFC1AB	RGB 191 193 171	#BFC1AB
66.7%	66.7% #CCC0AF	RGB 204 192 175	#CCC0AF
83.3%	83.3% #D7B6B2	RGB 215 182 178	#D7B6B2
100.0%	100.0% #E2B5C5	RGB 226 181 197	#E2B5C5

#9DA19F #A2ABA2 #AEB6A7 #BFC1AB #CCC0AF #D7B6B2 #E2B5C5

#9DA19F - #BFC1AB - #E2B5C5

CSS codes

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

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