#DBE4FF - #8D9BED | 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 #DBE4FF to #8D9BED

#DBE4FF #8D9BED

Calculate the color between two colors, #DBE4FF and #8D9BED. 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)

#DBE4FF - #8D9BED | 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 #DBE4FF as 0% and #8D9BED as 100%.

0.0%	0.0% #DBE4FF	RGB 219 228 255	#DBE4FF
16.7%	16.7% #CED7FC	RGB 206 215 252	#CED7FC
33.3%	33.3% #C1CBF9	RGB 193 203 249	#C1CBF9
50.0%	50.0% #B4BFF6	RGB 180 191 246	#B4BFF6
66.7%	66.7% #A7B3F3	RGB 167 179 243	#A7B3F3
83.3%	83.3% #9AA7F0	RGB 154 167 240	#9AA7F0
100.0%	100.0% #8D9BED	RGB 141 155 237	#8D9BED

#DBE4FF #CED7FC #C1CBF9 #B4BFF6 #A7B3F3 #9AA7F0 #8D9BED

#DBE4FF - #8D9BED

HSV Blend

#DBE4FF - #8D9BED | 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 #DBE4FF as 0% and #8D9BED as 100%.

0.0%	0.0% #DBE4FF	RGB 219 228 255	#DBE4FF
16.7%	16.7% #CDD8FC	RGB 205 216 252	#CDD8FC
33.3%	33.3% #BFCCF9	RGB 191 204 249	#BFCCF9
50.0%	50.0% #B2C0F6	RGB 178 192 246	#B2C0F6
66.7%	66.7% #A5B3F3	RGB 165 179 243	#A5B3F3
83.3%	83.3% #99A7F0	RGB 153 167 240	#99A7F0
100.0%	100.0% #8D9BED	RGB 141 155 237	#8D9BED

#DBE4FF #CDD8FC #BFCCF9 #B2C0F6 #A5B3F3 #99A7F0 #8D9BED

#DBE4FF - #B2C0F6 - #8D9BED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE4FF 0%, #B2C0F6 50%, #8D9BED 100%);
    background: -webkit-linear-gradient(top, #DBE4FF 0%, #B2C0F6 50%, #8D9BED 100%);
    background: linear-gradient(to bottom, #DBE4FF 0%, #B2C0F6 50%, #8D9BED 100%);
}
</style>