#B6AFB5 - #F2FFB5 | 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 #B6AFB5 to #F2FFB5

#B6AFB5 #F2FFB5

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

#B6AFB5 - #F2FFB5 | 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 #B6AFB5 as 0% and #F2FFB5 as 100%.

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #C0BCB5	RGB 192 188 181	#C0BCB5
33.3%	33.3% #CAC9B5	RGB 202 201 181	#CAC9B5
50.0%	50.0% #D4D7B5	RGB 212 215 181	#D4D7B5
66.7%	66.7% #DEE4B5	RGB 222 228 181	#DEE4B5
83.3%	83.3% #E8F1B5	RGB 232 241 181	#E8F1B5
100.0%	100.0% #F2FFB5	RGB 242 255 181	#F2FFB5

#B6AFB5 #C0BCB5 #CAC9B5 #D4D7B5 #DEE4B5 #E8F1B5 #F2FFB5

#B6AFB5 - #F2FFB5

HSV Blend

#B6AFB5 - #F2FFB5 | 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 #B6AFB5 as 0% and #F2FFB5 as 100%.

0.0%	0.0% #B6AFB5	RGB 182 175 181	#B6AFB5
16.7%	16.7% #C2B2BA	RGB 194 178 186	#C2B2BA
33.3%	33.3% #CEB5B9	RGB 206 181 185	#CEB5B9
50.0%	50.0% #DABCB6	RGB 218 188 182	#DABCB6
66.7%	66.7% #E6CEB7	RGB 230 206 183	#E6CEB7
83.3%	83.3% #F2E8B6	RGB 242 232 182	#F2E8B6
100.0%	100.0% #F2FFB5	RGB 242 255 181	#F2FFB5

#B6AFB5 #C2B2BA #CEB5B9 #DABCB6 #E6CEB7 #F2E8B6 #F2FFB5

#B6AFB5 - #DABCB6 - #F2FFB5

CSS codes

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

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