#A8D0C8 - #409C94 | 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 #A8D0C8 to #409C94

#A8D0C8 #409C94

Calculate the color between two colors, #A8D0C8 and #409C94. 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)

#A8D0C8 - #409C94 | 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 #A8D0C8 as 0% and #409C94 as 100%.

0.0%	0.0% #A8D0C8	RGB 168 208 200	#A8D0C8
16.7%	16.7% #96C7BF	RGB 150 199 191	#96C7BF
33.3%	33.3% #85BEB6	RGB 133 190 182	#85BEB6
50.0%	50.0% #74B6AE	RGB 116 182 174	#74B6AE
66.7%	66.7% #62ADA5	RGB 98 173 165	#62ADA5
83.3%	83.3% #51A49C	RGB 81 164 156	#51A49C
100.0%	100.0% #409C94	RGB 64 156 148	#409C94

#A8D0C8 #96C7BF #85BEB6 #74B6AE #62ADA5 #51A49C #409C94

#A8D0C8 - #409C94

HSV Blend

#A8D0C8 - #409C94 | 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 #A8D0C8 as 0% and #409C94 as 100%.

0.0%	0.0% #A8D0C8	RGB 168 208 200	#A8D0C8
16.7%	16.7% #93C7BD	RGB 147 199 189	#93C7BD
33.3%	33.3% #80BEB4	RGB 128 190 180	#80BEB4
50.0%	50.0% #6EB6AB	RGB 110 182 171	#6EB6AB
66.7%	66.7% #5EADA3	RGB 94 173 163	#5EADA3
83.3%	83.3% #4EA49B	RGB 78 164 155	#4EA49B
100.0%	100.0% #409C94	RGB 64 156 148	#409C94

#A8D0C8 #93C7BD #80BEB4 #6EB6AB #5EADA3 #4EA49B #409C94

#A8D0C8 - #6EB6AB - #409C94

CSS codes

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

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