#848AD1 - #DBDDF1 | 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 #848AD1 to #DBDDF1

#848AD1 #DBDDF1

Calculate the color between two colors, #848AD1 and #DBDDF1. 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)

#848AD1 - #DBDDF1 | 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 #848AD1 as 0% and #DBDDF1 as 100%.

0.0%	0.0% #848AD1	RGB 132 138 209	#848AD1
16.7%	16.7% #9297D6	RGB 146 151 214	#9297D6
33.3%	33.3% #A1A5DB	RGB 161 165 219	#A1A5DB
50.0%	50.0% #AFB3E1	RGB 175 179 225	#AFB3E1
66.7%	66.7% #BEC1E6	RGB 190 193 230	#BEC1E6
83.3%	83.3% #CCCFEB	RGB 204 207 235	#CCCFEB
100.0%	100.0% #DBDDF1	RGB 219 221 241	#DBDDF1

#848AD1 #9297D6 #A1A5DB #AFB3E1 #BEC1E6 #CCCFEB #DBDDF1

#848AD1 - #DBDDF1

HSV Blend

#848AD1 - #DBDDF1 | 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 #848AD1 as 0% and #DBDDF1 as 100%.

0.0%	0.0% #848AD1	RGB 132 138 209	#848AD1
16.7%	16.7% #9196D6	RGB 145 150 214	#9196D6
33.3%	33.3% #9FA4DB	RGB 159 164 219	#9FA4DB
50.0%	50.0% #ADB1E1	RGB 173 177 225	#ADB1E1
66.7%	66.7% #BCBFE6	RGB 188 191 230	#BCBFE6
83.3%	83.3% #CBCEEB	RGB 203 206 235	#CBCEEB
100.0%	100.0% #DBDDF1	RGB 219 221 241	#DBDDF1

#848AD1 #9196D6 #9FA4DB #ADB1E1 #BCBFE6 #CBCEEB #DBDDF1

#848AD1 - #ADB1E1 - #DBDDF1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #848AD1 0%, #ADB1E1 50%, #DBDDF1 100%);
    background: -webkit-linear-gradient(top, #848AD1 0%, #ADB1E1 50%, #DBDDF1 100%);
    background: linear-gradient(to bottom, #848AD1 0%, #ADB1E1 50%, #DBDDF1 100%);
}
</style>