#95A1A8 - #E2D2BB | 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 #95A1A8 to #E2D2BB

#95A1A8 #E2D2BB

Calculate the color between two colors, #95A1A8 and #E2D2BB. 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)

#95A1A8 - #E2D2BB | 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 #95A1A8 as 0% and #E2D2BB as 100%.

0.0%	0.0% #95A1A8	RGB 149 161 168	#95A1A8
16.7%	16.7% #A1A9AB	RGB 161 169 171	#A1A9AB
33.3%	33.3% #AEB1AE	RGB 174 177 174	#AEB1AE
50.0%	50.0% #BBB9B1	RGB 187 185 177	#BBB9B1
66.7%	66.7% #C8C1B4	RGB 200 193 180	#C8C1B4
83.3%	83.3% #D5C9B7	RGB 213 201 183	#D5C9B7
100.0%	100.0% #E2D2BB	RGB 226 210 187	#E2D2BB

#95A1A8 #A1A9AB #AEB1AE #BBB9B1 #C8C1B4 #D5C9B7 #E2D2BB

#95A1A8 - #E2D2BB

HSV Blend

#95A1A8 - #E2D2BB | 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 #95A1A8 as 0% and #E2D2BB as 100%.

0.0%	0.0% #95A1A8	RGB 149 161 168	#95A1A8
16.7%	16.7% #9BB1AF	RGB 155 177 175	#9BB1AF
33.3%	33.3% #A2BBAD	RGB 162 187 173	#A2BBAD
50.0%	50.0% #A9C5A8	RGB 169 197 168	#A9C5A8
66.7%	66.7% #BECEAF	RGB 190 206 175	#BECEAF
83.3%	83.3% #D6D8B5	RGB 214 216 181	#D6D8B5
100.0%	100.0% #E2D2BB	RGB 226 210 187	#E2D2BB

#95A1A8 #9BB1AF #A2BBAD #A9C5A8 #BECEAF #D6D8B5 #E2D2BB

#95A1A8 - #A9C5A8 - #E2D2BB

CSS codes

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

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