#ADB6F7 - #DADDEB | 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 #ADB6F7 to #DADDEB

#ADB6F7 #DADDEB

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

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

0.0%	0.0% #ADB6F7	RGB 173 182 247	#ADB6F7
16.7%	16.7% #B4BCF5	RGB 180 188 245	#B4BCF5
33.3%	33.3% #BCC3F3	RGB 188 195 243	#BCC3F3
50.0%	50.0% #C3C9F1	RGB 195 201 241	#C3C9F1
66.7%	66.7% #CBD0EF	RGB 203 208 239	#CBD0EF
83.3%	83.3% #D2D6ED	RGB 210 214 237	#D2D6ED
100.0%	100.0% #DADDEB	RGB 218 221 235	#DADDEB

#ADB6F7 #B4BCF5 #BCC3F3 #C3C9F1 #CBD0EF #D2D6ED #DADDEB

#ADB6F7 - #DADDEB

HSV Blend

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

0.0%	0.0% #ADB6F7	RGB 173 182 247	#ADB6F7
16.7%	16.7% #B4BDF5	RGB 180 189 245	#B4BDF5
33.3%	33.3% #BCC4F3	RGB 188 196 243	#BCC4F3
50.0%	50.0% #C4CAF1	RGB 196 202 241	#C4CAF1
66.7%	66.7% #CBD1EF	RGB 203 209 239	#CBD1EF
83.3%	83.3% #D2D7ED	RGB 210 215 237	#D2D7ED
100.0%	100.0% #DADDEB	RGB 218 221 235	#DADDEB

#ADB6F7 #B4BDF5 #BCC4F3 #C4CAF1 #CBD1EF #D2D7ED #DADDEB

#ADB6F7 - #C4CAF1 - #DADDEB

CSS codes

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

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