#B5CAC2 - #53908C | 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 #B5CAC2 to #53908C

#B5CAC2 #53908C

Calculate the color between two colors, #B5CAC2 and #53908C. 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)

#B5CAC2 - #53908C | 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 #B5CAC2 as 0% and #53908C as 100%.

0.0%	0.0% #B5CAC2	RGB 181 202 194	#B5CAC2
16.7%	16.7% #A4C0B9	RGB 164 192 185	#A4C0B9
33.3%	33.3% #94B6B0	RGB 148 182 176	#94B6B0
50.0%	50.0% #84ADA7	RGB 132 173 167	#84ADA7
66.7%	66.7% #73A39E	RGB 115 163 158	#73A39E
83.3%	83.3% #639995	RGB 99 153 149	#639995
100.0%	100.0% #53908C	RGB 83 144 140	#53908C

#B5CAC2 #A4C0B9 #94B6B0 #84ADA7 #73A39E #639995 #53908C

#B5CAC2 - #53908C

HSV Blend

#B5CAC2 - #53908C | 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 #B5CAC2 as 0% and #53908C as 100%.

0.0%	0.0% #B5CAC2	RGB 181 202 194	#B5CAC2
16.7%	16.7% #A2C0B6	RGB 162 192 182	#A2C0B6
33.3%	33.3% #90B6AC	RGB 144 182 172	#90B6AC
50.0%	50.0% #7FADA2	RGB 127 173 162	#7FADA2
66.7%	66.7% #6FA39A	RGB 111 163 154	#6FA39A
83.3%	83.3% #609992	RGB 96 153 146	#609992
100.0%	100.0% #53908C	RGB 83 144 140	#53908C

#B5CAC2 #A2C0B6 #90B6AC #7FADA2 #6FA39A #609992 #53908C

#B5CAC2 - #7FADA2 - #53908C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5CAC2 0%, #7FADA2 50%, #53908C 100%);
    background: -webkit-linear-gradient(top, #B5CAC2 0%, #7FADA2 50%, #53908C 100%);
    background: linear-gradient(to bottom, #B5CAC2 0%, #7FADA2 50%, #53908C 100%);
}
</style>