#DBE5FF - #808FCE | 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 #DBE5FF to #808FCE

#DBE5FF #808FCE

Calculate the color between two colors, #DBE5FF and #808FCE. 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)

#DBE5FF - #808FCE | 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 #DBE5FF as 0% and #808FCE as 100%.

0.0%	0.0% #DBE5FF	RGB 219 229 255	#DBE5FF
16.7%	16.7% #CBD6F6	RGB 203 214 246	#CBD6F6
33.3%	33.3% #BCC8EE	RGB 188 200 238	#BCC8EE
50.0%	50.0% #ADBAE6	RGB 173 186 230	#ADBAE6
66.7%	66.7% #9EABDE	RGB 158 171 222	#9EABDE
83.3%	83.3% #8F9DD6	RGB 143 157 214	#8F9DD6
100.0%	100.0% #808FCE	RGB 128 143 206	#808FCE

#DBE5FF #CBD6F6 #BCC8EE #ADBAE6 #9EABDE #8F9DD6 #808FCE

#DBE5FF - #808FCE

HSV Blend

#DBE5FF - #808FCE | 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 #DBE5FF as 0% and #808FCE as 100%.

0.0%	0.0% #DBE5FF	RGB 219 229 255	#DBE5FF
16.7%	16.7% #CAD5F6	RGB 202 213 246	#CAD5F6
33.3%	33.3% #BAC7EE	RGB 186 199 238	#BAC7EE
50.0%	50.0% #AAB8E6	RGB 170 184 230	#AAB8E6
66.7%	66.7% #9BAADE	RGB 155 170 222	#9BAADE
83.3%	83.3% #8D9CD6	RGB 141 156 214	#8D9CD6
100.0%	100.0% #808FCE	RGB 128 143 206	#808FCE

#DBE5FF #CAD5F6 #BAC7EE #AAB8E6 #9BAADE #8D9CD6 #808FCE

#DBE5FF - #AAB8E6 - #808FCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE5FF 0%, #AAB8E6 50%, #808FCE 100%);
    background: -webkit-linear-gradient(top, #DBE5FF 0%, #AAB8E6 50%, #808FCE 100%);
    background: linear-gradient(to bottom, #DBE5FF 0%, #AAB8E6 50%, #808FCE 100%);
}
</style>