#B5AFAF - #C0E2D8 | 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 #B5AFAF to #C0E2D8

#B5AFAF #C0E2D8

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

#B5AFAF - #C0E2D8 | 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 #B5AFAF as 0% and #C0E2D8 as 100%.

0.0%	0.0% #B5AFAF	RGB 181 175 175	#B5AFAF
16.7%	16.7% #B6B7B5	RGB 182 183 181	#B6B7B5
33.3%	33.3% #B8C0BC	RGB 184 192 188	#B8C0BC
50.0%	50.0% #BAC8C3	RGB 186 200 195	#BAC8C3
66.7%	66.7% #BCD1CA	RGB 188 209 202	#BCD1CA
83.3%	83.3% #BED9D1	RGB 190 217 209	#BED9D1
100.0%	100.0% #C0E2D8	RGB 192 226 216	#C0E2D8

#B5AFAF #B6B7B5 #B8C0BC #BAC8C3 #BCD1CA #BED9D1 #C0E2D8

#B5AFAF - #C0E2D8

HSV Blend

#B5AFAF - #C0E2D8 | 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 #B5AFAF as 0% and #C0E2D8 as 100%.

0.0%	0.0% #B5AFAF	RGB 181 175 175	#B5AFAF
16.7%	16.7% #BCB7B2	RGB 188 183 178	#BCB7B2
33.3%	33.3% #C4C2B5	RGB 196 194 181	#C4C2B5
50.0%	50.0% #C4CBB8	RGB 196 203 184	#C4CBB8
66.7%	66.7% #C0D3BB	RGB 192 211 187	#C0D3BB
83.3%	83.3% #BDDAC5	RGB 189 218 197	#BDDAC5
100.0%	100.0% #C0E2D8	RGB 192 226 216	#C0E2D8

#B5AFAF #BCB7B2 #C4C2B5 #C4CBB8 #C0D3BB #BDDAC5 #C0E2D8

#B5AFAF - #C4CBB8 - #C0E2D8

CSS codes

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

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