#DBE6DF - #81B0AF | 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 #DBE6DF to #81B0AF

#DBE6DF #81B0AF

Calculate the color between two colors, #DBE6DF and #81B0AF. 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)

#DBE6DF - #81B0AF | 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 #DBE6DF as 0% and #81B0AF as 100%.

0.0%	0.0% #DBE6DF	RGB 219 230 223	#DBE6DF
16.7%	16.7% #CCDDD7	RGB 204 221 215	#CCDDD7
33.3%	33.3% #BDD4CF	RGB 189 212 207	#BDD4CF
50.0%	50.0% #AECBC7	RGB 174 203 199	#AECBC7
66.7%	66.7% #9FC2BF	RGB 159 194 191	#9FC2BF
83.3%	83.3% #90B9B7	RGB 144 185 183	#90B9B7
100.0%	100.0% #81B0AF	RGB 129 176 175	#81B0AF

#DBE6DF #CCDDD7 #BDD4CF #AECBC7 #9FC2BF #90B9B7 #81B0AF

#DBE6DF - #81B0AF

HSV Blend

#DBE6DF - #81B0AF | 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 #DBE6DF as 0% and #81B0AF as 100%.

0.0%	0.0% #DBE6DF	RGB 219 230 223	#DBE6DF
16.7%	16.7% #CADDD3	RGB 202 221 211	#CADDD3
33.3%	33.3% #BAD4C8	RGB 186 212 200	#BAD4C8
50.0%	50.0% #ABCBC0	RGB 171 203 192	#ABCBC0
66.7%	66.7% #9CC2B9	RGB 156 194 185	#9CC2B9
83.3%	83.3% #8EB9B3	RGB 142 185 179	#8EB9B3
100.0%	100.0% #81B0AF	RGB 129 176 175	#81B0AF

#DBE6DF #CADDD3 #BAD4C8 #ABCBC0 #9CC2B9 #8EB9B3 #81B0AF

#DBE6DF - #ABCBC0 - #81B0AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE6DF 0%, #ABCBC0 50%, #81B0AF 100%);
    background: -webkit-linear-gradient(top, #DBE6DF 0%, #ABCBC0 50%, #81B0AF 100%);
    background: linear-gradient(to bottom, #DBE6DF 0%, #ABCBC0 50%, #81B0AF 100%);
}
</style>