#DADDEB - #868DB5 | 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 #DADDEB to #868DB5

#DADDEB #868DB5

Calculate the color between two colors, #DADDEB and #868DB5. 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)

#DADDEB - #868DB5 | 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 #DADDEB as 0% and #868DB5 as 100%.

0.0%	0.0% #DADDEB	RGB 218 221 235	#DADDEB
16.7%	16.7% #CCCFE2	RGB 204 207 226	#CCCFE2
33.3%	33.3% #BEC2D9	RGB 190 194 217	#BEC2D9
50.0%	50.0% #B0B5D0	RGB 176 181 208	#B0B5D0
66.7%	66.7% #A2A7C7	RGB 162 167 199	#A2A7C7
83.3%	83.3% #949ABE	RGB 148 154 190	#949ABE
100.0%	100.0% #868DB5	RGB 134 141 181	#868DB5

#DADDEB #CCCFE2 #BEC2D9 #B0B5D0 #A2A7C7 #949ABE #868DB5

#DADDEB - #868DB5

HSV Blend

#DADDEB - #868DB5 | 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 #DADDEB as 0% and #868DB5 as 100%.

0.0%	0.0% #DADDEB	RGB 218 221 235	#DADDEB
16.7%	16.7% #CACEE2	RGB 202 206 226	#CACEE2
33.3%	33.3% #BBC0D9	RGB 187 192 217	#BBC0D9
50.0%	50.0% #ADB3D0	RGB 173 179 208	#ADB3D0
66.7%	66.7% #9FA5C7	RGB 159 165 199	#9FA5C7
83.3%	83.3% #9299BE	RGB 146 153 190	#9299BE
100.0%	100.0% #868DB5	RGB 134 141 181	#868DB5

#DADDEB #CACEE2 #BBC0D9 #ADB3D0 #9FA5C7 #9299BE #868DB5

#DADDEB - #ADB3D0 - #868DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DADDEB 0%, #ADB3D0 50%, #868DB5 100%);
    background: -webkit-linear-gradient(top, #DADDEB 0%, #ADB3D0 50%, #868DB5 100%);
    background: linear-gradient(to bottom, #DADDEB 0%, #ADB3D0 50%, #868DB5 100%);
}
</style>