#DBDEDC - #82A2AB | 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 #DBDEDC to #82A2AB

#DBDEDC #82A2AB

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

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

0.0%	0.0% #DBDEDC	RGB 219 222 220	#DBDEDC
16.7%	16.7% #CCD4D3	RGB 204 212 211	#CCD4D3
33.3%	33.3% #BDCACB	RGB 189 202 203	#BDCACB
50.0%	50.0% #AEC0C3	RGB 174 192 195	#AEC0C3
66.7%	66.7% #9FB6BB	RGB 159 182 187	#9FB6BB
83.3%	83.3% #90ACB3	RGB 144 172 179	#90ACB3
100.0%	100.0% #82A2AB	RGB 130 162 171	#82A2AB

#DBDEDC #CCD4D3 #BDCACB #AEC0C3 #9FB6BB #90ACB3 #82A2AB

#DBDEDC - #82A2AB

HSV Blend

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

0.0%	0.0% #DBDEDC	RGB 219 222 220	#DBDEDC
16.7%	16.7% #CAD5CF	RGB 202 213 207	#CAD5CF
33.3%	33.3% #BACDC6	RGB 186 205 198	#BACDC6
50.0%	50.0% #ABC4BE	RGB 171 196 190	#ABC4BE
66.7%	66.7% #9DBCB9	RGB 157 188 185	#9DBCB9
83.3%	83.3% #8FB0B3	RGB 143 176 179	#8FB0B3
100.0%	100.0% #82A2AB	RGB 130 162 171	#82A2AB

#DBDEDC #CAD5CF #BACDC6 #ABC4BE #9DBCB9 #8FB0B3 #82A2AB

#DBDEDC - #ABC4BE - #82A2AB

CSS codes

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

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