#DBE2EF - #839CBB | 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 #DBE2EF to #839CBB

#DBE2EF #839CBB

Calculate the color between two colors, #DBE2EF and #839CBB. 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)

#DBE2EF - #839CBB | 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 #DBE2EF as 0% and #839CBB as 100%.

0.0%	0.0% #DBE2EF	RGB 219 226 239	#DBE2EF
16.7%	16.7% #CCD6E6	RGB 204 214 230	#CCD6E6
33.3%	33.3% #BDCADD	RGB 189 202 221	#BDCADD
50.0%	50.0% #AFBFD5	RGB 175 191 213	#AFBFD5
66.7%	66.7% #A0B3CC	RGB 160 179 204	#A0B3CC
83.3%	83.3% #91A7C3	RGB 145 167 195	#91A7C3
100.0%	100.0% #839CBB	RGB 131 156 187	#839CBB

#DBE2EF #CCD6E6 #BDCADD #AFBFD5 #A0B3CC #91A7C3 #839CBB

#DBE2EF - #839CBB

HSV Blend

#DBE2EF - #839CBB | 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 #DBE2EF as 0% and #839CBB as 100%.

0.0%	0.0% #DBE2EF	RGB 219 226 239	#DBE2EF
16.7%	16.7% #CAD4E6	RGB 202 212 230	#CAD4E6
33.3%	33.3% #BBC8DD	RGB 187 200 221	#BBC8DD
50.0%	50.0% #ACBCD5	RGB 172 188 213	#ACBCD5
66.7%	66.7% #9DB1CC	RGB 157 177 204	#9DB1CC
83.3%	83.3% #90A6C3	RGB 144 166 195	#90A6C3
100.0%	100.0% #839CBB	RGB 131 156 187	#839CBB

#DBE2EF #CAD4E6 #BBC8DD #ACBCD5 #9DB1CC #90A6C3 #839CBB

#DBE2EF - #ACBCD5 - #839CBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE2EF 0%, #ACBCD5 50%, #839CBB 100%);
    background: -webkit-linear-gradient(top, #DBE2EF 0%, #ACBCD5 50%, #839CBB 100%);
    background: linear-gradient(to bottom, #DBE2EF 0%, #ACBCD5 50%, #839CBB 100%);
}
</style>