#84ABA4 - #DBE7E5 | 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 #84ABA4 to #DBE7E5

#84ABA4 #DBE7E5

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

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

0.0%	0.0% #84ABA4	RGB 132 171 164	#84ABA4
16.7%	16.7% #92B5AE	RGB 146 181 174	#92B5AE
33.3%	33.3% #A1BFB9	RGB 161 191 185	#A1BFB9
50.0%	50.0% #AFC9C4	RGB 175 201 196	#AFC9C4
66.7%	66.7% #BED3CF	RGB 190 211 207	#BED3CF
83.3%	83.3% #CCDDDA	RGB 204 221 218	#CCDDDA
100.0%	100.0% #DBE7E5	RGB 219 231 229	#DBE7E5

#84ABA4 #92B5AE #A1BFB9 #AFC9C4 #BED3CF #CCDDDA #DBE7E5

#84ABA4 - #DBE7E5

HSV Blend

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

0.0%	0.0% #84ABA4	RGB 132 171 164	#84ABA4
16.7%	16.7% #91B5AE	RGB 145 181 174	#91B5AE
33.3%	33.3% #9EBFB9	RGB 158 191 185	#9EBFB9
50.0%	50.0% #ACC9C4	RGB 172 201 196	#ACC9C4
66.7%	66.7% #BBD3CF	RGB 187 211 207	#BBD3CF
83.3%	83.3% #CBDDD9	RGB 203 221 217	#CBDDD9
100.0%	100.0% #DBE7E5	RGB 219 231 229	#DBE7E5

#84ABA4 #91B5AE #9EBFB9 #ACC9C4 #BBD3CF #CBDDD9 #DBE7E5

#84ABA4 - #ACC9C4 - #DBE7E5

CSS codes

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

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