#848ECF - #DBDEF1 | 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 #848ECF to #DBDEF1

#848ECF #DBDEF1

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

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

0.0%	0.0% #848ECF	RGB 132 142 207	#848ECF
16.7%	16.7% #929BD4	RGB 146 155 212	#929BD4
33.3%	33.3% #A1A8DA	RGB 161 168 218	#A1A8DA
50.0%	50.0% #AFB6E0	RGB 175 182 224	#AFB6E0
66.7%	66.7% #BEC3E5	RGB 190 195 229	#BEC3E5
83.3%	83.3% #CCD0EB	RGB 204 208 235	#CCD0EB
100.0%	100.0% #DBDEF1	RGB 219 222 241	#DBDEF1

#848ECF #929BD4 #A1A8DA #AFB6E0 #BEC3E5 #CCD0EB #DBDEF1

#848ECF - #DBDEF1

HSV Blend

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

0.0%	0.0% #848DCF	RGB 132 141 207	#848DCF
16.7%	16.7% #919AD4	RGB 145 154 212	#919AD4
33.3%	33.3% #9EA6DA	RGB 158 166 218	#9EA6DA
50.0%	50.0% #ADB4E0	RGB 173 180 224	#ADB4E0
66.7%	66.7% #BBC1E5	RGB 187 193 229	#BBC1E5
83.3%	83.3% #CBCFEB	RGB 203 207 235	#CBCFEB
100.0%	100.0% #DBDEF1	RGB 219 222 241	#DBDEF1

#848DCF #919AD4 #9EA6DA #ADB4E0 #BBC1E5 #CBCFEB #DBDEF1

#848ECF - #ADB4E0 - #DBDEF1

CSS codes

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

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