#DBE2DD - #83A8AC | 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 #DBE2DD to #83A8AC

#DBE2DD #83A8AC

Calculate the color between two colors, #DBE2DD and #83A8AC. 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)

#DBE2DD - #83A8AC | 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 #DBE2DD as 0% and #83A8AC as 100%.

0.0%	0.0% #DBE2DD	RGB 219 226 221	#DBE2DD
16.7%	16.7% #CCD8D4	RGB 204 216 212	#CCD8D4
33.3%	33.3% #BDCECC	RGB 189 206 204	#BDCECC
50.0%	50.0% #AFC5C4	RGB 175 197 196	#AFC5C4
66.7%	66.7% #A0BBBC	RGB 160 187 188	#A0BBBC
83.3%	83.3% #91B1B4	RGB 145 177 180	#91B1B4
100.0%	100.0% #83A8AC	RGB 131 168 172	#83A8AC

#DBE2DD #CCD8D4 #BDCECC #AFC5C4 #A0BBBC #91B1B4 #83A8AC

#DBE2DD - #83A8AC

HSV Blend

#DBE2DD - #83A8AC | 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 #DBE2DD as 0% and #83A8AC as 100%.

0.0%	0.0% #DBE2DD	RGB 219 226 221	#DBE2DD
16.7%	16.7% #CAD9D0	RGB 202 217 208	#CAD9D0
33.3%	33.3% #BBD0C6	RGB 187 208 198	#BBD0C6
50.0%	50.0% #ACC7BE	RGB 172 199 190	#ACC7BE
66.7%	66.7% #9DBEB8	RGB 157 190 184	#9DBEB8
83.3%	83.3% #90B5B3	RGB 144 181 179	#90B5B3
100.0%	100.0% #83A8AC	RGB 131 168 172	#83A8AC

#DBE2DD #CAD9D0 #BBD0C6 #ACC7BE #9DBEB8 #90B5B3 #83A8AC

#DBE2DD - #ACC7BE - #83A8AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE2DD 0%, #ACC7BE 50%, #83A8AC 100%);
    background: -webkit-linear-gradient(top, #DBE2DD 0%, #ACC7BE 50%, #83A8AC 100%);
    background: linear-gradient(to bottom, #DBE2DD 0%, #ACC7BE 50%, #83A8AC 100%);
}
</style>