#A8C8D0 - #30383B | 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 #A8C8D0 to #30383B

#A8C8D0 #30383B

Calculate the color between two colors, #A8C8D0 and #30383B. 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)

#A8C8D0 - #30383B | 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 #A8C8D0 as 0% and #30383B as 100%.

0.0%	0.0% #A8C8D0	RGB 168 200 208	#A8C8D0
16.7%	16.7% #94B0B7	RGB 148 176 183	#94B0B7
33.3%	33.3% #80989E	RGB 128 152 158	#80989E
50.0%	50.0% #6C8085	RGB 108 128 133	#6C8085
66.7%	66.7% #58686C	RGB 88 104 108	#58686C
83.3%	83.3% #445053	RGB 68 80 83	#445053
100.0%	100.0% #30383B	RGB 48 56 59	#30383B

#A8C8D0 #94B0B7 #80989E #6C8085 #58686C #445053 #30383B

#A8C8D0 - #30383B

HSV Blend

#A8C8D0 - #30383B | 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 #A8C8D0 as 0% and #30383B as 100%.

0.0%	0.0% #A8C8D0	RGB 168 200 208	#A8C8D0
16.7%	16.7% #94AFB7	RGB 148 175 183	#94AFB7
33.3%	33.3% #80979E	RGB 128 151 158	#80979E
50.0%	50.0% #6C7F85	RGB 108 127 133	#6C7F85
66.7%	66.7% #58676C	RGB 88 103 108	#58676C
83.3%	83.3% #444F53	RGB 68 79 83	#444F53
100.0%	100.0% #30383B	RGB 48 56 59	#30383B

#A8C8D0 #94AFB7 #80979E #6C7F85 #58676C #444F53 #30383B

#A8C8D0 - #6C7F85 - #30383B

CSS codes

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

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