#A19D9F - #B5E2D2 | 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 #A19D9F to #B5E2D2

#A19D9F #B5E2D2

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

#A19D9F - #B5E2D2 | 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 #A19D9F as 0% and #B5E2D2 as 100%.

0.0%	0.0% #A19D9F	RGB 161 157 159	#A19D9F
16.7%	16.7% #A4A8A7	RGB 164 168 167	#A4A8A7
33.3%	33.3% #A7B4B0	RGB 167 180 176	#A7B4B0
50.0%	50.0% #ABBFB8	RGB 171 191 184	#ABBFB8
66.7%	66.7% #AECBC1	RGB 174 203 193	#AECBC1
83.3%	83.3% #B1D6C9	RGB 177 214 201	#B1D6C9
100.0%	100.0% #B5E2D2	RGB 181 226 210	#B5E2D2

#A19D9F #A4A8A7 #A7B4B0 #ABBFB8 #AECBC1 #B1D6C9 #B5E2D2

#A19D9F - #B5E2D2

HSV Blend

#A19D9F - #B5E2D2 | 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 #A19D9F as 0% and #B5E2D2 as 100%.

0.0%	0.0% #A19D9F	RGB 161 157 159	#A19D9F
16.7%	16.7% #ABA2AB	RGB 171 162 171	#ABA2AB
33.3%	33.3% #AFA7B6	RGB 175 167 182	#AFA7B6
50.0%	50.0% #ADABC1	RGB 173 171 193	#ADABC1
66.7%	66.7% #AFBBCC	RGB 175 187 204	#AFBBCC
83.3%	83.3% #B2D2D7	RGB 178 210 215	#B2D2D7
100.0%	100.0% #B5E2D2	RGB 181 226 210	#B5E2D2

#A19D9F #ABA2AB #AFA7B6 #ADABC1 #AFBBCC #B2D2D7 #B5E2D2

#A19D9F - #ADABC1 - #B5E2D2

CSS codes

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

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