#84BFAB - #DBECE6 | 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 #84BFAB to #DBECE6

#84BFAB #DBECE6

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

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

0.0%	0.0% #84BFAB	RGB 132 191 171	#84BFAB
16.7%	16.7% #92C6B4	RGB 146 198 180	#92C6B4
33.3%	33.3% #A1CEBE	RGB 161 206 190	#A1CEBE
50.0%	50.0% #AFD5C8	RGB 175 213 200	#AFD5C8
66.7%	66.7% #BEDDD2	RGB 190 221 210	#BEDDD2
83.3%	83.3% #CCE4DC	RGB 204 228 220	#CCE4DC
100.0%	100.0% #DBECE6	RGB 219 236 230	#DBECE6

#84BFAB #92C6B4 #A1CEBE #AFD5C8 #BEDDD2 #CCE4DC #DBECE6

#84BFAB - #DBECE6

HSV Blend

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

0.0%	0.0% #84BFAB	RGB 132 191 171	#84BFAB
16.7%	16.7% #91C6B4	RGB 145 198 180	#91C6B4
33.3%	33.3% #9ECEBD	RGB 158 206 189	#9ECEBD
50.0%	50.0% #ACD5C7	RGB 172 213 199	#ACD5C7
66.7%	66.7% #BBDDD1	RGB 187 221 209	#BBDDD1
83.3%	83.3% #CBE4DB	RGB 203 228 219	#CBE4DB
100.0%	100.0% #DBECE6	RGB 219 236 230	#DBECE6

#84BFAB #91C6B4 #9ECEBD #ACD5C7 #BBDDD1 #CBE4DB #DBECE6

#84BFAB - #ACD5C7 - #DBECE6

CSS codes

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

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