#84ABA7 - #DBE7E6 | 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 #84ABA7 to #DBE7E6

#84ABA7 #DBE7E6

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

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

0.0%	0.0% #84ABA7	RGB 132 171 167	#84ABA7
16.7%	16.7% #92B5B1	RGB 146 181 177	#92B5B1
33.3%	33.3% #A1BFBC	RGB 161 191 188	#A1BFBC
50.0%	50.0% #AFC9C6	RGB 175 201 198	#AFC9C6
66.7%	66.7% #BED3D1	RGB 190 211 209	#BED3D1
83.3%	83.3% #CCDDDB	RGB 204 221 219	#CCDDDB
100.0%	100.0% #DBE7E6	RGB 219 231 230	#DBE7E6

#84ABA7 #92B5B1 #A1BFBC #AFC9C6 #BED3D1 #CCDDDB #DBE7E6

#84ABA7 - #DBE7E6

HSV Blend

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

0.0%	0.0% #84ABA7	RGB 132 171 167	#84ABA7
16.7%	16.7% #91B5B1	RGB 145 181 177	#91B5B1
33.3%	33.3% #9EBFBB	RGB 158 191 187	#9EBFBB
50.0%	50.0% #ACC9C6	RGB 172 201 198	#ACC9C6
66.7%	66.7% #BBD3D0	RGB 187 211 208	#BBD3D0
83.3%	83.3% #CBDDDB	RGB 203 221 219	#CBDDDB
100.0%	100.0% #DBE7E6	RGB 219 231 230	#DBE7E6

#84ABA7 #91B5B1 #9EBFBB #ACC9C6 #BBD3D0 #CBDDDB #DBE7E6

#84ABA7 - #ACC9C6 - #DBE7E6

CSS codes

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

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