#A8CDD0 - #41899C | 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 #A8CDD0 to #41899C

#A8CDD0 #41899C

Calculate the color between two colors, #A8CDD0 and #41899C. 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)

#A8CDD0 - #41899C | 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 #A8CDD0 as 0% and #41899C as 100%.

0.0%	0.0% #A8CDD0	RGB 168 205 208	#A8CDD0
16.7%	16.7% #96C1C7	RGB 150 193 199	#96C1C7
33.3%	33.3% #85B6BE	RGB 133 182 190	#85B6BE
50.0%	50.0% #74ABB6	RGB 116 171 182	#74ABB6
66.7%	66.7% #639FAD	RGB 99 159 173	#639FAD
83.3%	83.3% #5294A4	RGB 82 148 164	#5294A4
100.0%	100.0% #41899C	RGB 65 137 156	#41899C

#A8CDD0 #96C1C7 #85B6BE #74ABB6 #639FAD #5294A4 #41899C

#A8CDD0 - #41899C

HSV Blend

#A8CDD0 - #41899C | 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 #A8CDD0 as 0% and #41899C as 100%.

0.0%	0.0% #A8CDD0	RGB 168 205 208	#A8CDD0
16.7%	16.7% #94C2C7	RGB 148 194 199	#94C2C7
33.3%	33.3% #81B7BE	RGB 129 183 190	#81B7BE
50.0%	50.0% #6FABB6	RGB 111 171 182	#6FABB6
66.7%	66.7% #5EA0AD	RGB 94 160 173	#5EA0AD
83.3%	83.3% #4F94A4	RGB 79 148 164	#4F94A4
100.0%	100.0% #41899C	RGB 65 137 156	#41899C

#A8CDD0 #94C2C7 #81B7BE #6FABB6 #5EA0AD #4F94A4 #41899C

#A8CDD0 - #6FABB6 - #41899C

CSS codes

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

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