#ADADFF - #C1DAF4 | 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 #ADADFF to #C1DAF4

#ADADFF #C1DAF4

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

#ADADFF - #C1DAF4 | 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 #ADADFF as 0% and #C1DAF4 as 100%.

0.0%	0.0% #ADADFF	RGB 173 173 255	#ADADFF
16.7%	16.7% #B0B4FD	RGB 176 180 253	#B0B4FD
33.3%	33.3% #B3BCFB	RGB 179 188 251	#B3BCFB
50.0%	50.0% #B7C3F9	RGB 183 195 249	#B7C3F9
66.7%	66.7% #BACBF7	RGB 186 203 247	#BACBF7
83.3%	83.3% #BDD2F5	RGB 189 210 245	#BDD2F5
100.0%	100.0% #C1DAF4	RGB 193 218 244	#C1DAF4

#ADADFF #B0B4FD #B3BCFB #B7C3F9 #BACBF7 #BDD2F5 #C1DAF4

#ADADFF - #C1DAF4

HSV Blend

#ADADFF - #C1DAF4 | 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 #ADADFF as 0% and #C1DAF4 as 100%.

0.0%	0.0% #ADADFF	RGB 173 173 255	#ADADFF
16.7%	16.7% #B0B6FD	RGB 176 182 253	#B0B6FD
33.3%	33.3% #B3BFFB	RGB 179 191 251	#B3BFFB
50.0%	50.0% #B7C7F9	RGB 183 199 249	#B7C7F9
66.7%	66.7% #BACEF7	RGB 186 206 247	#BACEF7
83.3%	83.3% #BDD4F5	RGB 189 212 245	#BDD4F5
100.0%	100.0% #C1DAF4	RGB 193 218 244	#C1DAF4

#ADADFF #B0B6FD #B3BFFB #B7C7F9 #BACEF7 #BDD4F5 #C1DAF4

#ADADFF - #B7C7F9 - #C1DAF4

CSS codes

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

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