#84ADA2 - #C7BBC6 | 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 #84ADA2 to #C7BBC6

#84ADA2 #C7BBC6

Calculate the color between two colors, #84ADA2 and #C7BBC6. 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)

#84ADA2 - #C7BBC6 | 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 #84ADA2 as 0% and #C7BBC6 as 100%.

0.0%	0.0% #84ADA2	RGB 132 173 162	#84ADA2
16.7%	16.7% #8FAFA8	RGB 143 175 168	#8FAFA8
33.3%	33.3% #9AB1AE	RGB 154 177 174	#9AB1AE
50.0%	50.0% #A5B4B4	RGB 165 180 180	#A5B4B4
66.7%	66.7% #B0B6BA	RGB 176 182 186	#B0B6BA
83.3%	83.3% #BBB8C0	RGB 187 184 192	#BBB8C0
100.0%	100.0% #C7BBC6	RGB 199 187 198	#C7BBC6

#84ADA2 #8FAFA8 #9AB1AE #A5B4B4 #B0B6BA #BBB8C0 #C7BBC6

#84ADA2 - #C7BBC6

HSV Blend

#84ADA2 - #C7BBC6 | 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 #84ADA2 as 0% and #C7BBC6 as 100%.

0.0%	0.0% #84ADA2	RGB 132 173 162	#84ADA2
16.7%	16.7% #8CACB1	RGB 140 172 177	#8CACB1
33.3%	33.3% #95A4B5	RGB 149 164 181	#95A4B5
50.0%	50.0% #9EA0BA	RGB 158 160 186	#9EA0BA
66.7%	66.7% #AEA7BE	RGB 174 167 190	#AEA7BE
83.3%	83.3% #BDB1C2	RGB 189 177 194	#BDB1C2
100.0%	100.0% #C7BBC6	RGB 199 187 198	#C7BBC6

#84ADA2 #8CACB1 #95A4B5 #9EA0BA #AEA7BE #BDB1C2 #C7BBC6

#84ADA2 - #9EA0BA - #C7BBC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #84ADA2 0%, #9EA0BA 50%, #C7BBC6 100%);
    background: -webkit-linear-gradient(top, #84ADA2 0%, #9EA0BA 50%, #C7BBC6 100%);
    background: linear-gradient(to bottom, #84ADA2 0%, #9EA0BA 50%, #C7BBC6 100%);
}
</style>