#818DBA - #DBDEEB | 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 #818DBA to #DBDEEB

#818DBA #DBDEEB

Calculate the color between two colors, #818DBA and #DBDEEB. 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)

#818DBA - #DBDEEB | 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 #818DBA as 0% and #DBDEEB as 100%.

0.0%	0.0% #818DBA	RGB 129 141 186	#818DBA
16.7%	16.7% #909AC2	RGB 144 154 194	#909AC2
33.3%	33.3% #9FA8CA	RGB 159 168 202	#9FA8CA
50.0%	50.0% #AEB5D2	RGB 174 181 210	#AEB5D2
66.7%	66.7% #BDC3DA	RGB 189 195 218	#BDC3DA
83.3%	83.3% #CCD0E2	RGB 204 208 226	#CCD0E2
100.0%	100.0% #DBDEEB	RGB 219 222 235	#DBDEEB

#818DBA #909AC2 #9FA8CA #AEB5D2 #BDC3DA #CCD0E2 #DBDEEB

#818DBA - #DBDEEB

HSV Blend

#818DBA - #DBDEEB | 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 #818DBA as 0% and #DBDEEB as 100%.

0.0%	0.0% #818DBA	RGB 129 141 186	#818DBA
16.7%	16.7% #8E99C2	RGB 142 153 194	#8E99C2
33.3%	33.3% #9CA5CA	RGB 156 165 202	#9CA5CA
50.0%	50.0% #ABB2D2	RGB 171 178 210	#ABB2D2
66.7%	66.7% #BAC0DA	RGB 186 192 218	#BAC0DA
83.3%	83.3% #CACFE2	RGB 202 207 226	#CACFE2
100.0%	100.0% #DBDEEB	RGB 219 222 235	#DBDEEB

#818DBA #8E99C2 #9CA5CA #ABB2D2 #BAC0DA #CACFE2 #DBDEEB

#818DBA - #ABB2D2 - #DBDEEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #818DBA 0%, #ABB2D2 50%, #DBDEEB 100%);
    background: -webkit-linear-gradient(top, #818DBA 0%, #ABB2D2 50%, #DBDEEB 100%);
    background: linear-gradient(to bottom, #818DBA 0%, #ABB2D2 50%, #DBDEEB 100%);
}
</style>