#84BFAC - #DBECE7 | 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 #84BFAC to #DBECE7

#84BFAC #DBECE7

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

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

0.0%	0.0% #84BFAC	RGB 132 191 172	#84BFAC
16.7%	16.7% #92C6B5	RGB 146 198 181	#92C6B5
33.3%	33.3% #A1CEBF	RGB 161 206 191	#A1CEBF
50.0%	50.0% #AFD5C9	RGB 175 213 201	#AFD5C9
66.7%	66.7% #BEDDD3	RGB 190 221 211	#BEDDD3
83.3%	83.3% #CCE4DD	RGB 204 228 221	#CCE4DD
100.0%	100.0% #DBECE7	RGB 219 236 231	#DBECE7

#84BFAC #92C6B5 #A1CEBF #AFD5C9 #BEDDD3 #CCE4DD #DBECE7

#84BFAC - #DBECE7

HSV Blend

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

0.0%	0.0% #84BFAC	RGB 132 191 172	#84BFAC
16.7%	16.7% #91C6B5	RGB 145 198 181	#91C6B5
33.3%	33.3% #9ECEBF	RGB 158 206 191	#9ECEBF
50.0%	50.0% #ACD5C8	RGB 172 213 200	#ACD5C8
66.7%	66.7% #BBDDD2	RGB 187 221 210	#BBDDD2
83.3%	83.3% #CBE4DC	RGB 203 228 220	#CBE4DC
100.0%	100.0% #DBECE7	RGB 219 236 231	#DBECE7

#84BFAC #91C6B5 #9ECEBF #ACD5C8 #BBDDD2 #CBE4DC #DBECE7

#84BFAC - #ACD5C8 - #DBECE7

CSS codes

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

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