#DBF0FD - #86AFD1 | 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 #DBF0FD to #86AFD1

#DBF0FD #86AFD1

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

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

0.0%	0.0% #DBF0FD	RGB 219 240 253	#DBF0FD
16.7%	16.7% #CCE5F5	RGB 204 229 245	#CCE5F5
33.3%	33.3% #BEDAEE	RGB 190 218 238	#BEDAEE
50.0%	50.0% #B0CFE7	RGB 176 207 231	#B0CFE7
66.7%	66.7% #A2C4DF	RGB 162 196 223	#A2C4DF
83.3%	83.3% #94B9D8	RGB 148 185 216	#94B9D8
100.0%	100.0% #86AFD1	RGB 134 175 209	#86AFD1

#DBF0FD #CCE5F5 #BEDAEE #B0CFE7 #A2C4DF #94B9D8 #86AFD1

#DBF0FD - #86AFD1

HSV Blend

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

0.0%	0.0% #DBF0FD	RGB 219 240 253	#DBF0FD
16.7%	16.7% #CBE5F5	RGB 203 229 245	#CBE5F5
33.3%	33.3% #BCDAEE	RGB 188 218 238	#BCDAEE
50.0%	50.0% #AECFE7	RGB 174 207 231	#AECFE7
66.7%	66.7% #A0C4DF	RGB 160 196 223	#A0C4DF
83.3%	83.3% #92B9D8	RGB 146 185 216	#92B9D8
100.0%	100.0% #86AFD1	RGB 134 175 209	#86AFD1

#DBF0FD #CBE5F5 #BCDAEE #AECFE7 #A0C4DF #92B9D8 #86AFD1

#DBF0FD - #AECFE7 - #86AFD1

CSS codes

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

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