#A2B6B1 - #FEB7FF | 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 #A2B6B1 to #FEB7FF

#A2B6B1 #FEB7FF

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

#A2B6B1 - #FEB7FF | 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 #A2B6B1 as 0% and #FEB7FF as 100%.

0.0%	0.0% #A2B6B1	RGB 162 182 177	#A2B6B1
16.7%	16.7% #B1B6BE	RGB 177 182 190	#B1B6BE
33.3%	33.3% #C0B6CB	RGB 192 182 203	#C0B6CB
50.0%	50.0% #D0B6D8	RGB 208 182 216	#D0B6D8
66.7%	66.7% #DFB6E5	RGB 223 182 229	#DFB6E5
83.3%	83.3% #EEB6F2	RGB 238 182 242	#EEB6F2
100.0%	100.0% #FEB7FF	RGB 254 183 255	#FEB7FF

#A2B6B1 #B1B6BE #C0B6CB #D0B6D8 #DFB6E5 #EEB6F2 #FEB7FF

#A2B6B1 - #FEB7FF

HSV Blend

#A2B6B1 - #FEB7FF | 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 #A2B6B1 as 0% and #FEB7FF as 100%.

0.0%	0.0% #A2B6B1	RGB 162 182 177	#A2B6B1
16.7%	16.7% #A7BEC2	RGB 167 190 194	#A7BEC2
33.3%	33.3% #ABBDCE	RGB 171 189 206	#ABBDCE
50.0%	50.0% #AFB5DA	RGB 175 181 218	#AFB5DA
66.7%	66.7% #BFB2E6	RGB 191 178 230	#BFB2E6
83.3%	83.3% #DBB5F2	RGB 219 181 242	#DBB5F2
100.0%	100.0% #FEB7FF	RGB 254 183 255	#FEB7FF

#A2B6B1 #A7BEC2 #ABBDCE #AFB5DA #BFB2E6 #DBB5F2 #FEB7FF

#A2B6B1 - #AFB5DA - #FEB7FF

CSS codes

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

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