#DBDFDC - #84A2AB | 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 #DBDFDC to #84A2AB

#DBDFDC #84A2AB

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

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

0.0%	0.0% #DBDFDC	RGB 219 223 220	#DBDFDC
16.7%	16.7% #CCD4D3	RGB 204 212 211	#CCD4D3
33.3%	33.3% #BECACB	RGB 190 202 203	#BECACB
50.0%	50.0% #AFC0C3	RGB 175 192 195	#AFC0C3
66.7%	66.7% #A1B6BB	RGB 161 182 187	#A1B6BB
83.3%	83.3% #92ACB3	RGB 146 172 179	#92ACB3
100.0%	100.0% #84A2AB	RGB 132 162 171	#84A2AB

#DBDFDC #CCD4D3 #BECACB #AFC0C3 #A1B6BB #92ACB3 #84A2AB

#DBDFDC - #84A2AB

HSV Blend

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

0.0%	0.0% #DBDFDC	RGB 219 223 220	#DBDFDC
16.7%	16.7% #CAD6CF	RGB 202 214 207	#CAD6CF
33.3%	33.3% #BBCDC6	RGB 187 205 198	#BBCDC6
50.0%	50.0% #ACC5BE	RGB 172 197 190	#ACC5BE
66.7%	66.7% #9EBCB9	RGB 158 188 185	#9EBCB9
83.3%	83.3% #90B1B3	RGB 144 177 179	#90B1B3
100.0%	100.0% #84A2AB	RGB 132 162 171	#84A2AB

#DBDFDC #CAD6CF #BBCDC6 #ACC5BE #9EBCB9 #90B1B3 #84A2AB

#DBDFDC - #ACC5BE - #84A2AB

CSS codes

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

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