#AC908C - #B8CEC6 | 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 #AC908C to #B8CEC6

#AC908C #B8CEC6

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

#AC908C - #B8CEC6 | 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 #AC908C as 0% and #B8CEC6 as 100%.

0.0%	0.0% #AC908C	RGB 172 144 140	#AC908C
16.7%	16.7% #AE9A95	RGB 174 154 149	#AE9A95
33.3%	33.3% #B0A49F	RGB 176 164 159	#B0A49F
50.0%	50.0% #B2AFA9	RGB 178 175 169	#B2AFA9
66.7%	66.7% #B4B9B2	RGB 180 185 178	#B4B9B2
83.3%	83.3% #B6C3BC	RGB 182 195 188	#B6C3BC
100.0%	100.0% #B8CEC6	RGB 184 206 198	#B8CEC6

#AC908C #AE9A95 #B0A49F #B2AFA9 #B4B9B2 #B6C3BC #B8CEC6

#AC908C - #B8CEC6

HSV Blend

#AC908C - #B8CEC6 | 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 #AC908C as 0% and #B8CEC6 as 100%.

0.0%	0.0% #AC908C	RGB 172 144 140	#AC908C
16.7%	16.7% #B1A392	RGB 177 163 146	#B1A392
33.3%	33.3% #B7B69A	RGB 183 182 154	#B7B69A
50.0%	50.0% #B2BDA1	RGB 178 189 161	#B2BDA1
66.7%	66.7% #ADC2A8	RGB 173 194 168	#ADC2A8
83.3%	83.3% #B0C8B5	RGB 176 200 181	#B0C8B5
100.0%	100.0% #B8CEC6	RGB 184 206 198	#B8CEC6

#AC908C #B1A392 #B7B69A #B2BDA1 #ADC2A8 #B0C8B5 #B8CEC6

#AC908C - #B2BDA1 - #B8CEC6

CSS codes

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

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