#84BABF - #DBECEB | 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 #84BABF to #DBECEB

#84BABF #DBECEB

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

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

0.0%	0.0% #84BABF	RGB 132 186 191	#84BABF
16.7%	16.7% #92C2C6	RGB 146 194 198	#92C2C6
33.3%	33.3% #A1CACD	RGB 161 202 205	#A1CACD
50.0%	50.0% #AFD3D5	RGB 175 211 213	#AFD3D5
66.7%	66.7% #BEDBDC	RGB 190 219 220	#BEDBDC
83.3%	83.3% #CCE3E3	RGB 204 227 227	#CCE3E3
100.0%	100.0% #DBECEB	RGB 219 236 235	#DBECEB

#84BABF #92C2C6 #A1CACD #AFD3D5 #BEDBDC #CCE3E3 #DBECEB

#84BABF - #DBECEB

HSV Blend

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

0.0%	0.0% #84BABF	RGB 132 186 191	#84BABF
16.7%	16.7% #91C3C6	RGB 145 195 198	#91C3C6
33.3%	33.3% #9ECCCE	RGB 158 204 206	#9ECCCE
50.0%	50.0% #ACD4D5	RGB 172 212 213	#ACD4D5
66.7%	66.7% #BBDDDC	RGB 187 221 220	#BBDDDC
83.3%	83.3% #CBE4E3	RGB 203 228 227	#CBE4E3
100.0%	100.0% #DBECEB	RGB 219 236 235	#DBECEB

#84BABF #91C3C6 #9ECCCE #ACD4D5 #BBDDDC #CBE4E3 #DBECEB

#84BABF - #ACD4D5 - #DBECEB

CSS codes

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

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