#A8C9FC - #303948 | 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 #A8C9FC to #303948

#A8C9FC #303948

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

#A8C9FC - #303948 | 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 #A8C9FC as 0% and #303948 as 100%.

0.0%	0.0% #A8C9FC	RGB 168 201 252	#A8C9FC
16.7%	16.7% #94B1DE	RGB 148 177 222	#94B1DE
33.3%	33.3% #8099C0	RGB 128 153 192	#8099C0
50.0%	50.0% #6C81A2	RGB 108 129 162	#6C81A2
66.7%	66.7% #586984	RGB 88 105 132	#586984
83.3%	83.3% #445166	RGB 68 81 102	#445166
100.0%	100.0% #303948	RGB 48 57 72	#303948

#A8C9FC #94B1DE #8099C0 #6C81A2 #586984 #445166 #303948

#A8C9FC - #303948

HSV Blend

#A8C9FC - #303948 | 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 #A8C9FC as 0% and #303948 as 100%.

0.0%	0.0% #A8C9FC	RGB 168 201 252	#A8C9FC
16.7%	16.7% #94B0DE	RGB 148 176 222	#94B0DE
33.3%	33.3% #8098C0	RGB 128 152 192	#8098C0
50.0%	50.0% #6C80A2	RGB 108 128 162	#6C80A2
66.7%	66.7% #586884	RGB 88 104 132	#586884
83.3%	83.3% #445066	RGB 68 80 102	#445066
100.0%	100.0% #303948	RGB 48 57 72	#303948

#A8C9FC #94B0DE #8098C0 #6C80A2 #586884 #445066 #303948

#A8C9FC - #6C80A2 - #303948

CSS codes

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

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