#A8C9C5 - #303938 | 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 #A8C9C5 to #303938

#A8C9C5 #303938

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

#A8C9C5 - #303938 | 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 #A8C9C5 as 0% and #303938 as 100%.

0.0%	0.0% #A8C9C5	RGB 168 201 197	#A8C9C5
16.7%	16.7% #94B1AD	RGB 148 177 173	#94B1AD
33.3%	33.3% #809996	RGB 128 153 150	#809996
50.0%	50.0% #6C817E	RGB 108 129 126	#6C817E
66.7%	66.7% #586967	RGB 88 105 103	#586967
83.3%	83.3% #44514F	RGB 68 81 79	#44514F
100.0%	100.0% #303938	RGB 48 57 56	#303938

#A8C9C5 #94B1AD #809996 #6C817E #586967 #44514F #303938

#A8C9C5 - #303938

HSV Blend

#A8C9C5 - #303938 | 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 #A8C9C5 as 0% and #303938 as 100%.

0.0%	0.0% #A8C9C5	RGB 168 201 197	#A8C9C5
16.7%	16.7% #94B1AD	RGB 148 177 173	#94B1AD
33.3%	33.3% #809996	RGB 128 153 150	#809996
50.0%	50.0% #6C817E	RGB 108 129 126	#6C817E
66.7%	66.7% #586967	RGB 88 105 103	#586967
83.3%	83.3% #44514F	RGB 68 81 79	#44514F
100.0%	100.0% #303938	RGB 48 57 56	#303938

#A8C9C5 #94B1AD #809996 #6C817E #586967 #44514F #303938

#A8C9C5 - #6C817E - #303938

CSS codes

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

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