#DBEDEC - #86B8B5 | 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 #DBEDEC to #86B8B5

#DBEDEC #86B8B5

Calculate the color between two colors, #DBEDEC and #86B8B5. 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)

#DBEDEC - #86B8B5 | 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 #DBEDEC as 0% and #86B8B5 as 100%.

0.0%	0.0% #DBEDEC	RGB 219 237 236	#DBEDEC
16.7%	16.7% #CCE4E2	RGB 204 228 226	#CCE4E2
33.3%	33.3% #BEDBD9	RGB 190 219 217	#BEDBD9
50.0%	50.0% #B0D2D0	RGB 176 210 208	#B0D2D0
66.7%	66.7% #A2C9C7	RGB 162 201 199	#A2C9C7
83.3%	83.3% #94C0BE	RGB 148 192 190	#94C0BE
100.0%	100.0% #86B8B5	RGB 134 184 181	#86B8B5

#DBEDEC #CCE4E2 #BEDBD9 #B0D2D0 #A2C9C7 #94C0BE #86B8B5

#DBEDEC - #86B8B5

HSV Blend

#DBEDEC - #86B8B5 | 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 #DBEDEC as 0% and #86B8B5 as 100%.

0.0%	0.0% #DBEDEC	RGB 219 237 236	#DBEDEC
16.7%	16.7% #CBE4E2	RGB 203 228 226	#CBE4E2
33.3%	33.3% #BCDBD9	RGB 188 219 217	#BCDBD9
50.0%	50.0% #ADD2D0	RGB 173 210 208	#ADD2D0
66.7%	66.7% #A0C9C7	RGB 160 201 199	#A0C9C7
83.3%	83.3% #92C0BE	RGB 146 192 190	#92C0BE
100.0%	100.0% #86B8B5	RGB 134 184 181	#86B8B5

#DBEDEC #CBE4E2 #BCDBD9 #ADD2D0 #A0C9C7 #92C0BE #86B8B5

#DBEDEC - #ADD2D0 - #86B8B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBEDEC 0%, #ADD2D0 50%, #86B8B5 100%);
    background: -webkit-linear-gradient(top, #DBEDEC 0%, #ADD2D0 50%, #86B8B5 100%);
    background: linear-gradient(to bottom, #DBEDEC 0%, #ADD2D0 50%, #86B8B5 100%);
}
</style>