#ADADDF - #495BA3 | 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 #ADADDF to #495BA3

#ADADDF #495BA3

Calculate the color between two colors, #ADADDF and #495BA3. 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)

#ADADDF - #495BA3 | 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 #ADADDF as 0% and #495BA3 as 100%.

0.0%	0.0% #ADADDF	RGB 173 173 223	#ADADDF
16.7%	16.7% #9C9FD5	RGB 156 159 213	#9C9FD5
33.3%	33.3% #8B91CB	RGB 139 145 203	#8B91CB
50.0%	50.0% #7B84C1	RGB 123 132 193	#7B84C1
66.7%	66.7% #6A76B7	RGB 106 118 183	#6A76B7
83.3%	83.3% #5968AD	RGB 89 104 173	#5968AD
100.0%	100.0% #495BA3	RGB 73 91 163	#495BA3

#ADADDF #9C9FD5 #8B91CB #7B84C1 #6A76B7 #5968AD #495BA3

#ADADDF - #495BA3

HSV Blend

#ADADDF - #495BA3 | 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 #ADADDF as 0% and #495BA3 as 100%.

0.0%	0.0% #ADADDF	RGB 173 173 223	#ADADDF
16.7%	16.7% #999BD5	RGB 153 155 213	#999BD5
33.3%	33.3% #878BCB	RGB 135 139 203	#878BCB
50.0%	50.0% #767DC1	RGB 118 125 193	#767DC1
66.7%	66.7% #6570B7	RGB 101 112 183	#6570B7
83.3%	83.3% #5665AD	RGB 86 101 173	#5665AD
100.0%	100.0% #495BA3	RGB 73 91 163	#495BA3

#ADADDF #999BD5 #878BCB #767DC1 #6570B7 #5665AD #495BA3

#ADADDF - #767DC1 - #495BA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADADDF 0%, #767DC1 50%, #495BA3 100%);
    background: -webkit-linear-gradient(top, #ADADDF 0%, #767DC1 50%, #495BA3 100%);
    background: linear-gradient(to bottom, #ADADDF 0%, #767DC1 50%, #495BA3 100%);
}
</style>