#A8CDC6 - #419892 | 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 #A8CDC6 to #419892

#A8CDC6 #419892

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

#A8CDC6 - #419892 | 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 #A8CDC6 as 0% and #419892 as 100%.

0.0%	0.0% #A8CDC6	RGB 168 205 198	#A8CDC6
16.7%	16.7% #96C4BD	RGB 150 196 189	#96C4BD
33.3%	33.3% #85BBB4	RGB 133 187 180	#85BBB4
50.0%	50.0% #74B2AC	RGB 116 178 172	#74B2AC
66.7%	66.7% #63A9A3	RGB 99 169 163	#63A9A3
83.3%	83.3% #52A09A	RGB 82 160 154	#52A09A
100.0%	100.0% #419892	RGB 65 152 146	#419892

#A8CDC6 #96C4BD #85BBB4 #74B2AC #63A9A3 #52A09A #419892

#A8CDC6 - #419892

HSV Blend

#A8CDC6 - #419892 | 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 #A8CDC6 as 0% and #419892 as 100%.

0.0%	0.0% #A8CDC6	RGB 168 205 198	#A8CDC6
16.7%	16.7% #93C4BC	RGB 147 196 188	#93C4BC
33.3%	33.3% #81BBB2	RGB 129 187 178	#81BBB2
50.0%	50.0% #6FB2A9	RGB 111 178 169	#6FB2A9
66.7%	66.7% #5EA9A1	RGB 94 169 161	#5EA9A1
83.3%	83.3% #4FA099	RGB 79 160 153	#4FA099
100.0%	100.0% #419892	RGB 65 152 146	#419892

#A8CDC6 #93C4BC #81BBB2 #6FB2A9 #5EA9A1 #4FA099 #419892

#A8CDC6 - #6FB2A9 - #419892

CSS codes

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

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