#919B8C - #AAFFD3 | 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 #919B8C to #AAFFD3

#919B8C #AAFFD3

Calculate the color between two colors, #919B8C and #AAFFD3. 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)

#919B8C - #AAFFD3 | 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 #919B8C as 0% and #AAFFD3 as 100%.

0.0%	0.0% #919B8C	RGB 145 155 140	#919B8C
16.7%	16.7% #95AB97	RGB 149 171 151	#95AB97
33.3%	33.3% #99BCA3	RGB 153 188 163	#99BCA3
50.0%	50.0% #9DCDAF	RGB 157 205 175	#9DCDAF
66.7%	66.7% #A1DDBB	RGB 161 221 187	#A1DDBB
83.3%	83.3% #A5EEC7	RGB 165 238 199	#A5EEC7
100.0%	100.0% #AAFFD3	RGB 170 255 211	#AAFFD3

#919B8C #95AB97 #99BCA3 #9DCDAF #A1DDBB #A5EEC7 #AAFFD3

#919B8C - #AAFFD3

HSV Blend

#919B8C - #AAFFD3 | 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 #919B8C as 0% and #AAFFD3 as 100%.

0.0%	0.0% #919B8C	RGB 145 155 140	#919B8C
16.7%	16.7% #98AB94	RGB 152 171 148	#98AB94
33.3%	33.3% #9DBC9B	RGB 157 188 155	#9DBC9B
50.0%	50.0% #A0CDA4	RGB 160 205 164	#A0CDA4
66.7%	66.7% #A5DDB1	RGB 165 221 177	#A5DDB1
83.3%	83.3% #A8EEC0	RGB 168 238 192	#A8EEC0
100.0%	100.0% #AAFFD3	RGB 170 255 211	#AAFFD3

#919B8C #98AB94 #9DBC9B #A0CDA4 #A5DDB1 #A8EEC0 #AAFFD3

#919B8C - #A0CDA4 - #AAFFD3

CSS codes

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

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