#A79FA2 - #B9E2D3 | 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 #A79FA2 to #B9E2D3

#A79FA2 #B9E2D3

Calculate the color between two colors, #A79FA2 and #B9E2D3. 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)

#A79FA2 - #B9E2D3 | 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 #A79FA2 as 0% and #B9E2D3 as 100%.

0.0%	0.0% #A79FA2	RGB 167 159 162	#A79FA2
16.7%	16.7% #AAAAAA	RGB 170 170 170	#AAAAAA
33.3%	33.3% #ADB5B2	RGB 173 181 178	#ADB5B2
50.0%	50.0% #B0C0BA	RGB 176 192 186	#B0C0BA
66.7%	66.7% #B3CBC2	RGB 179 203 194	#B3CBC2
83.3%	83.3% #B6D6CA	RGB 182 214 202	#B6D6CA
100.0%	100.0% #B9E2D3	RGB 185 226 211	#B9E2D3

#A79FA2 #AAAAAA #ADB5B2 #B0C0BA #B3CBC2 #B6D6CA #B9E2D3

#A79FA2 - #B9E2D3

HSV Blend

#A79FA2 - #B9E2D3 | 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 #A79FA2 as 0% and #B9E2D3 as 100%.

0.0%	0.0% #A79FA2	RGB 167 159 162	#A79FA2
16.7%	16.7% #B0A4AF	RGB 176 164 175	#B0A4AF
33.3%	33.3% #B4A9BA	RGB 180 169 186	#B4A9BA
50.0%	50.0% #B0ADC4	RGB 176 173 196	#B0ADC4
66.7%	66.7% #B2BCCE	RGB 178 188 206	#B2BCCE
83.3%	83.3% #B5D3D8	RGB 181 211 216	#B5D3D8
100.0%	100.0% #B9E2D3	RGB 185 226 211	#B9E2D3

#A79FA2 #B0A4AF #B4A9BA #B0ADC4 #B2BCCE #B5D3D8 #B9E2D3

#A79FA2 - #B0ADC4 - #B9E2D3

CSS codes

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

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