#A8C5FD - #3658CB | 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 #A8C5FD to #3658CB

#A8C5FD #3658CB

Calculate the color between two colors, #A8C5FD and #3658CB. 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)

#A8C5FD - #3658CB | 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 #A8C5FD as 0% and #3658CB as 100%.

0.0%	0.0% #A8C5FD	RGB 168 197 253	#A8C5FD
16.7%	16.7% #95B2F4	RGB 149 178 244	#95B2F4
33.3%	33.3% #82A0EC	RGB 130 160 236	#82A0EC
50.0%	50.0% #6F8EE4	RGB 111 142 228	#6F8EE4
66.7%	66.7% #5C7CDB	RGB 92 124 219	#5C7CDB
83.3%	83.3% #496AD3	RGB 73 106 211	#496AD3
100.0%	100.0% #3658CB	RGB 54 88 203	#3658CB

#A8C5FD #95B2F4 #82A0EC #6F8EE4 #5C7CDB #496AD3 #3658CB

#A8C5FD - #3658CB

HSV Blend

#A8C5FD - #3658CB | 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 #A8C5FD as 0% and #3658CB as 100%.

0.0%	0.0% #A8C5FD	RGB 168 197 253	#A8C5FD
16.7%	16.7% #92B1F4	RGB 146 177 244	#92B1F4
33.3%	33.3% #7D9FEC	RGB 125 159 236	#7D9FEC
50.0%	50.0% #6A8CE4	RGB 106 140 228	#6A8CE4
66.7%	66.7% #577ADB	RGB 87 122 219	#577ADB
83.3%	83.3% #4669D3	RGB 70 105 211	#4669D3
100.0%	100.0% #3658CB	RGB 54 88 203	#3658CB

#A8C5FD #92B1F4 #7D9FEC #6A8CE4 #577ADB #4669D3 #3658CB

#A8C5FD - #6A8CE4 - #3658CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C5FD 0%, #6A8CE4 50%, #3658CB 100%);
    background: -webkit-linear-gradient(top, #A8C5FD 0%, #6A8CE4 50%, #3658CB 100%);
    background: linear-gradient(to bottom, #A8C5FD 0%, #6A8CE4 50%, #3658CB 100%);
}
</style>