#84AAA1 - #DBE6E4 | 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 #84AAA1 to #DBE6E4

#84AAA1 #DBE6E4

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

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

0.0%	0.0% #84AAA1	RGB 132 170 161	#84AAA1
16.7%	16.7% #92B4AC	RGB 146 180 172	#92B4AC
33.3%	33.3% #A1BEB7	RGB 161 190 183	#A1BEB7
50.0%	50.0% #AFC8C2	RGB 175 200 194	#AFC8C2
66.7%	66.7% #BED2CD	RGB 190 210 205	#BED2CD
83.3%	83.3% #CCDCD8	RGB 204 220 216	#CCDCD8
100.0%	100.0% #DBE6E4	RGB 219 230 228	#DBE6E4

#84AAA1 #92B4AC #A1BEB7 #AFC8C2 #BED2CD #CCDCD8 #DBE6E4

#84AAA1 - #DBE6E4

HSV Blend

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

0.0%	0.0% #84AAA1	RGB 132 170 161	#84AAA1
16.7%	16.7% #91B4AC	RGB 145 180 172	#91B4AC
33.3%	33.3% #9EBEB7	RGB 158 190 183	#9EBEB7
50.0%	50.0% #ACC8C2	RGB 172 200 194	#ACC8C2
66.7%	66.7% #BBD2CD	RGB 187 210 205	#BBD2CD
83.3%	83.3% #CBDCD8	RGB 203 220 216	#CBDCD8
100.0%	100.0% #DBE6E4	RGB 219 230 228	#DBE6E4

#84AAA1 #91B4AC #9EBEB7 #ACC8C2 #BBD2CD #CBDCD8 #DBE6E4

#84AAA1 - #ACC8C2 - #DBE6E4

CSS codes

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

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