#A8DCCE - #40AD9D | 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 #A8DCCE to #40AD9D

#A8DCCE #40AD9D

Calculate the color between two colors, #A8DCCE and #40AD9D. 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)

#A8DCCE - #40AD9D | 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 #A8DCCE as 0% and #40AD9D as 100%.

0.0%	0.0% #A8DCCE	RGB 168 220 206	#A8DCCE
16.7%	16.7% #96D4C5	RGB 150 212 197	#96D4C5
33.3%	33.3% #85CCBD	RGB 133 204 189	#85CCBD
50.0%	50.0% #74C4B5	RGB 116 196 181	#74C4B5
66.7%	66.7% #62BCAD	RGB 98 188 173	#62BCAD
83.3%	83.3% #51B4A5	RGB 81 180 165	#51B4A5
100.0%	100.0% #40AD9D	RGB 64 173 157	#40AD9D

#A8DCCE #96D4C5 #85CCBD #74C4B5 #62BCAD #51B4A5 #40AD9D

#A8DCCE - #40AD9D

HSV Blend

#A8DCCE - #40AD9D | 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 #A8DCCE as 0% and #40AD9D as 100%.

0.0%	0.0% #A8DCCE	RGB 168 220 206	#A8DCCE
16.7%	16.7% #94D4C4	RGB 148 212 196	#94D4C4
33.3%	33.3% #81CCBB	RGB 129 204 187	#81CCBB
50.0%	50.0% #6FC4B2	RGB 111 196 178	#6FC4B2
66.7%	66.7% #5EBCAB	RGB 94 188 171	#5EBCAB
83.3%	83.3% #4EB4A3	RGB 78 180 163	#4EB4A3
100.0%	100.0% #40AD9D	RGB 64 173 157	#40AD9D

#A8DCCE #94D4C4 #81CCBB #6FC4B2 #5EBCAB #4EB4A3 #40AD9D

#A8DCCE - #6FC4B2 - #40AD9D

CSS codes

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

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