#A2B8DB - #3262AF | 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 #A2B8DB to #3262AF

#A2B8DB #3262AF

Calculate the color between two colors, #A2B8DB and #3262AF. 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)

#A2B8DB - #3262AF | 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 #A2B8DB as 0% and #3262AF as 100%.

0.0%	0.0% #A2B8DB	RGB 162 184 219	#A2B8DB
16.7%	16.7% #8FA9D3	RGB 143 169 211	#8FA9D3
33.3%	33.3% #7C9BCC	RGB 124 155 204	#7C9BCC
50.0%	50.0% #6A8DC5	RGB 106 141 197	#6A8DC5
66.7%	66.7% #577EBD	RGB 87 126 189	#577EBD
83.3%	83.3% #4470B6	RGB 68 112 182	#4470B6
100.0%	100.0% #3262AF	RGB 50 98 175	#3262AF

#A2B8DB #8FA9D3 #7C9BCC #6A8DC5 #577EBD #4470B6 #3262AF

#A2B8DB - #3262AF

HSV Blend

#A2B8DB - #3262AF | 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 #A2B8DB as 0% and #3262AF as 100%.

0.0%	0.0% #A2B8DB	RGB 162 184 219	#A2B8DB
16.7%	16.7% #8CA7D3	RGB 140 167 211	#8CA7D3
33.3%	33.3% #7898CC	RGB 120 152 204	#7898CC
50.0%	50.0% #6589C5	RGB 101 137 197	#6589C5
66.7%	66.7% #527BBD	RGB 82 123 189	#527BBD
83.3%	83.3% #416EB6	RGB 65 110 182	#416EB6
100.0%	100.0% #3262AF	RGB 50 98 175	#3262AF

#A2B8DB #8CA7D3 #7898CC #6589C5 #527BBD #416EB6 #3262AF

#A2B8DB - #6589C5 - #3262AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2B8DB 0%, #6589C5 50%, #3262AF 100%);
    background: -webkit-linear-gradient(top, #A2B8DB 0%, #6589C5 50%, #3262AF 100%);
    background: linear-gradient(to bottom, #A2B8DB 0%, #6589C5 50%, #3262AF 100%);
}
</style>