#A5EADA - #40C0BC | 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 #A5EADA to #40C0BC

#A5EADA #40C0BC

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

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

0.0%	0.0% #A5EADA	RGB 165 234 218	#A5EADA
16.7%	16.7% #94E3D5	RGB 148 227 213	#94E3D5
33.3%	33.3% #83DCD0	RGB 131 220 208	#83DCD0
50.0%	50.0% #72D5CB	RGB 114 213 203	#72D5CB
66.7%	66.7% #61CEC6	RGB 97 206 198	#61CEC6
83.3%	83.3% #50C7C1	RGB 80 199 193	#50C7C1
100.0%	100.0% #40C0BC	RGB 64 192 188	#40C0BC

#A5EADA #94E3D5 #83DCD0 #72D5CB #61CEC6 #50C7C1 #40C0BC

#A5EADA - #40C0BC

HSV Blend

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

0.0%	0.0% #A5EADA	RGB 165 234 218	#A5EADA
16.7%	16.7% #91E3D2	RGB 145 227 210	#91E3D2
33.3%	33.3% #7FDCCC	RGB 127 220 204	#7FDCCC
50.0%	50.0% #6ED5C7	RGB 110 213 199	#6ED5C7
66.7%	66.7% #5ECEC3	RGB 94 206 195	#5ECEC3
83.3%	83.3% #4EC7BF	RGB 78 199 191	#4EC7BF
100.0%	100.0% #40C0BC	RGB 64 192 188	#40C0BC

#A5EADA #91E3D2 #7FDCCC #6ED5C7 #5ECEC3 #4EC7BF #40C0BC

#A5EADA - #6ED5C7 - #40C0BC

CSS codes

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

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