#A0ADE1 - #415AA6 | 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 #A0ADE1 to #415AA6

#A0ADE1 #415AA6

Calculate the color between two colors, #A0ADE1 and #415AA6. 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)

#A0ADE1 - #415AA6 | 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 #A0ADE1 as 0% and #415AA6 as 100%.

0.0%	0.0% #A0ADE1	RGB 160 173 225	#A0ADE1
16.7%	16.7% #909FD7	RGB 144 159 215	#909FD7
33.3%	33.3% #8091CD	RGB 128 145 205	#8091CD
50.0%	50.0% #7083C3	RGB 112 131 195	#7083C3
66.7%	66.7% #6075B9	RGB 96 117 185	#6075B9
83.3%	83.3% #5067AF	RGB 80 103 175	#5067AF
100.0%	100.0% #415AA6	RGB 65 90 166	#415AA6

#A0ADE1 #909FD7 #8091CD #7083C3 #6075B9 #5067AF #415AA6

#A0ADE1 - #415AA6

HSV Blend

#A0ADE1 - #415AA6 | 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 #A0ADE1 as 0% and #415AA6 as 100%.

0.0%	0.0% #A0ADE1	RGB 160 173 225	#A0ADE1
16.7%	16.7% #8D9CD7	RGB 141 156 215	#8D9CD7
33.3%	33.3% #7C8DCD	RGB 124 141 205	#7C8DCD
50.0%	50.0% #6B7FC3	RGB 107 127 195	#6B7FC3
66.7%	66.7% #5C72B9	RGB 92 114 185	#5C72B9
83.3%	83.3% #4E65AF	RGB 78 101 175	#4E65AF
100.0%	100.0% #415AA6	RGB 65 90 166	#415AA6

#A0ADE1 #8D9CD7 #7C8DCD #6B7FC3 #5C72B9 #4E65AF #415AA6

#A0ADE1 - #6B7FC3 - #415AA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0ADE1 0%, #6B7FC3 50%, #415AA6 100%);
    background: -webkit-linear-gradient(top, #A0ADE1 0%, #6B7FC3 50%, #415AA6 100%);
    background: linear-gradient(to bottom, #A0ADE1 0%, #6B7FC3 50%, #415AA6 100%);
}
</style>