#B4A8AE - #C4E5D9 | 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 #B4A8AE to #C4E5D9

#B4A8AE #C4E5D9

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

#B4A8AE - #C4E5D9 | 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 #B4A8AE as 0% and #C4E5D9 as 100%.

0.0%	0.0% #B4A8AE	RGB 180 168 174	#B4A8AE
16.7%	16.7% #B6B2B5	RGB 182 178 181	#B6B2B5
33.3%	33.3% #B9BCBC	RGB 185 188 188	#B9BCBC
50.0%	50.0% #BCC6C3	RGB 188 198 195	#BCC6C3
66.7%	66.7% #BED0CA	RGB 190 208 202	#BED0CA
83.3%	83.3% #C1DAD1	RGB 193 218 209	#C1DAD1
100.0%	100.0% #C4E5D9	RGB 196 229 217	#C4E5D9

#B4A8AE #B6B2B5 #B9BCBC #BCC6C3 #BED0CA #C1DAD1 #C4E5D9

#B4A8AE - #C4E5D9

HSV Blend

#B4A8AE - #C4E5D9 | 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 #B4A8AE as 0% and #C4E5D9 as 100%.

0.0%	0.0% #B4A8AE	RGB 180 168 174	#B4A8AE
16.7%	16.7% #BCADBB	RGB 188 173 187	#BCADBB
33.3%	33.3% #BCB2C4	RGB 188 178 196	#BCB2C4
50.0%	50.0% #B8B6CC	RGB 184 182 204	#B8B6CC
66.7%	66.7% #BBC5D4	RGB 187 197 212	#BBC5D4
83.3%	83.3% #BFD9DC	RGB 191 217 220	#BFD9DC
100.0%	100.0% #C4E5D9	RGB 196 229 217	#C4E5D9

#B4A8AE #BCADBB #BCB2C4 #B8B6CC #BBC5D4 #BFD9DC #C4E5D9

#B4A8AE - #B8B6CC - #C4E5D9

CSS codes

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

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