#A8C0F9 - #303647 | 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 #A8C0F9 to #303647

#A8C0F9 #303647

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

#A8C0F9 - #303647 | 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 #A8C0F9 as 0% and #303647 as 100%.

0.0%	0.0% #A8C0F9	RGB 168 192 249	#A8C0F9
16.7%	16.7% #94A9DB	RGB 148 169 219	#94A9DB
33.3%	33.3% #8092BD	RGB 128 146 189	#8092BD
50.0%	50.0% #6C7BA0	RGB 108 123 160	#6C7BA0
66.7%	66.7% #586482	RGB 88 100 130	#586482
83.3%	83.3% #444D64	RGB 68 77 100	#444D64
100.0%	100.0% #303647	RGB 48 54 71	#303647

#A8C0F9 #94A9DB #8092BD #6C7BA0 #586482 #444D64 #303647

#A8C0F9 - #303647

HSV Blend

#A8C0F9 - #303647 | 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 #A8C0F9 as 0% and #303647 as 100%.

0.0%	0.0% #A8C0F9	RGB 168 192 249	#A8C0F9
16.7%	16.7% #94A8DB	RGB 148 168 219	#94A8DB
33.3%	33.3% #8091BD	RGB 128 145 189	#8091BD
50.0%	50.0% #6C7AA0	RGB 108 122 160	#6C7AA0
66.7%	66.7% #586382	RGB 88 99 130	#586382
83.3%	83.3% #444C64	RGB 68 76 100	#444C64
100.0%	100.0% #303647	RGB 48 54 71	#303647

#A8C0F9 #94A8DB #8091BD #6C7AA0 #586382 #444C64 #303647

#A8C0F9 - #6C7AA0 - #303647

CSS codes

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

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