#DBDCEF - #838BBB | 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 #DBDCEF to #838BBB

#DBDCEF #838BBB

Calculate the color between two colors, #DBDCEF and #838BBB. 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)

#DBDCEF - #838BBB | 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 #DBDCEF as 0% and #838BBB as 100%.

0.0%	0.0% #DBDCEF	RGB 219 220 239	#DBDCEF
16.7%	16.7% #CCCEE6	RGB 204 206 230	#CCCEE6
33.3%	33.3% #BDC1DD	RGB 189 193 221	#BDC1DD
50.0%	50.0% #AFB3D5	RGB 175 179 213	#AFB3D5
66.7%	66.7% #A0A6CC	RGB 160 166 204	#A0A6CC
83.3%	83.3% #9198C3	RGB 145 152 195	#9198C3
100.0%	100.0% #838BBB	RGB 131 139 187	#838BBB

#DBDCEF #CCCEE6 #BDC1DD #AFB3D5 #A0A6CC #9198C3 #838BBB

#DBDCEF - #838BBB

HSV Blend

#DBDCEF - #838BBB | 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 #DBDCEF as 0% and #838BBB as 100%.

0.0%	0.0% #DBDCEF	RGB 219 220 239	#DBDCEF
16.7%	16.7% #CACCE6	RGB 202 204 230	#CACCE6
33.3%	33.3% #BBBDDD	RGB 187 189 221	#BBBDDD
50.0%	50.0% #ACB0D5	RGB 172 176 213	#ACB0D5
66.7%	66.7% #9DA3CC	RGB 157 163 204	#9DA3CC
83.3%	83.3% #9096C3	RGB 144 150 195	#9096C3
100.0%	100.0% #838BBB	RGB 131 139 187	#838BBB

#DBDCEF #CACCE6 #BBBDDD #ACB0D5 #9DA3CC #9096C3 #838BBB

#DBDCEF - #ACB0D5 - #838BBB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDCEF 0%, #ACB0D5 50%, #838BBB 100%);
    background: -webkit-linear-gradient(top, #DBDCEF 0%, #ACB0D5 50%, #838BBB 100%);
    background: linear-gradient(to bottom, #DBDCEF 0%, #ACB0D5 50%, #838BBB 100%);
}
</style>