#A8CCFC - #303A48 | 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 #A8CCFC to #303A48

#A8CCFC #303A48

Calculate the color between two colors, #A8CCFC and #303A48. 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)

#A8CCFC - #303A48 | 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 #A8CCFC as 0% and #303A48 as 100%.

0.0%	0.0% #A8CCFC	RGB 168 204 252	#A8CCFC
16.7%	16.7% #94B3DE	RGB 148 179 222	#94B3DE
33.3%	33.3% #809BC0	RGB 128 155 192	#809BC0
50.0%	50.0% #6C83A2	RGB 108 131 162	#6C83A2
66.7%	66.7% #586A84	RGB 88 106 132	#586A84
83.3%	83.3% #445266	RGB 68 82 102	#445266
100.0%	100.0% #303A48	RGB 48 58 72	#303A48

#A8CCFC #94B3DE #809BC0 #6C83A2 #586A84 #445266 #303A48

#A8CCFC - #303A48

HSV Blend

#A8CCFC - #303A48 | 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 #A8CCFC as 0% and #303A48 as 100%.

0.0%	0.0% #A8CCFC	RGB 168 204 252	#A8CCFC
16.7%	16.7% #94B3DE	RGB 148 179 222	#94B3DE
33.3%	33.3% #809BC0	RGB 128 155 192	#809BC0
50.0%	50.0% #6C82A2	RGB 108 130 162	#6C82A2
66.7%	66.7% #586A84	RGB 88 106 132	#586A84
83.3%	83.3% #445266	RGB 68 82 102	#445266
100.0%	100.0% #303A48	RGB 48 58 72	#303A48

#A8CCFC #94B3DE #809BC0 #6C82A2 #586A84 #445266 #303A48

#A8CCFC - #6C82A2 - #303A48

CSS codes

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

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