#A8E5E7 - #304142 | 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 #A8E5E7 to #304142

#A8E5E7 #304142

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

#A8E5E7 - #304142 | 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 #A8E5E7 as 0% and #304142 as 100%.

0.0%	0.0% #A8E5E7	RGB 168 229 231	#A8E5E7
16.7%	16.7% #94C9CB	RGB 148 201 203	#94C9CB
33.3%	33.3% #80AEB0	RGB 128 174 176	#80AEB0
50.0%	50.0% #6C9394	RGB 108 147 148	#6C9394
66.7%	66.7% #587779	RGB 88 119 121	#587779
83.3%	83.3% #445C5D	RGB 68 92 93	#445C5D
100.0%	100.0% #304142	RGB 48 65 66	#304142

#A8E5E7 #94C9CB #80AEB0 #6C9394 #587779 #445C5D #304142

#A8E5E7 - #304142

HSV Blend

#A8E5E7 - #304142 | 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 #A8E5E7 as 0% and #304142 as 100%.

0.0%	0.0% #A8E5E7	RGB 168 229 231	#A8E5E7
16.7%	16.7% #94C9CB	RGB 148 201 203	#94C9CB
33.3%	33.3% #80AEB0	RGB 128 174 176	#80AEB0
50.0%	50.0% #6C9294	RGB 108 146 148	#6C9294
66.7%	66.7% #587779	RGB 88 119 121	#587779
83.3%	83.3% #445C5D	RGB 68 92 93	#445C5D
100.0%	100.0% #304142	RGB 48 65 66	#304142

#A8E5E7 #94C9CB #80AEB0 #6C9294 #587779 #445C5D #304142

#A8E5E7 - #6C9294 - #304142

CSS codes

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

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