#84BF9A - #DBECE1 | 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 #84BF9A to #DBECE1

#84BF9A #DBECE1

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

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

0.0%	0.0% #84BF9A	RGB 132 191 154	#84BF9A
16.7%	16.7% #92C6A5	RGB 146 198 165	#92C6A5
33.3%	33.3% #A1CEB1	RGB 161 206 177	#A1CEB1
50.0%	50.0% #AFD5BD	RGB 175 213 189	#AFD5BD
66.7%	66.7% #BEDDC9	RGB 190 221 201	#BEDDC9
83.3%	83.3% #CCE4D5	RGB 204 228 213	#CCE4D5
100.0%	100.0% #DBECE1	RGB 219 236 225	#DBECE1

#84BF9A #92C6A5 #A1CEB1 #AFD5BD #BEDDC9 #CCE4D5 #DBECE1

#84BF9A - #DBECE1

HSV Blend

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

0.0%	0.0% #84BF9A	RGB 132 191 154	#84BF9A
16.7%	16.7% #91C6A4	RGB 145 198 164	#91C6A4
33.3%	33.3% #9ECEAF	RGB 158 206 175	#9ECEAF
50.0%	50.0% #ACD5BB	RGB 172 213 187	#ACD5BB
66.7%	66.7% #BBDDC7	RGB 187 221 199	#BBDDC7
83.3%	83.3% #CBE4D4	RGB 203 228 212	#CBE4D4
100.0%	100.0% #DBECE1	RGB 219 236 225	#DBECE1

#84BF9A #91C6A4 #9ECEAF #ACD5BB #BBDDC7 #CBE4D4 #DBECE1

#84BF9A - #ACD5BB - #DBECE1

CSS codes

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

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