#8AD5C4 - #E5D2FF | 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 #8AD5C4 to #E5D2FF

#8AD5C4 #E5D2FF

Calculate the color between two colors, #8AD5C4 and #E5D2FF. 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)

#8AD5C4 - #E5D2FF | 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 #8AD5C4 as 0% and #E5D2FF as 100%.

0.0%	0.0% #8AD5C4	RGB 138 213 196	#8AD5C4
16.7%	16.7% #99D4CD	RGB 153 212 205	#99D4CD
33.3%	33.3% #A8D4D7	RGB 168 212 215	#A8D4D7
50.0%	50.0% #B7D3E1	RGB 183 211 225	#B7D3E1
66.7%	66.7% #C6D3EB	RGB 198 211 235	#C6D3EB
83.3%	83.3% #D5D2F5	RGB 213 210 245	#D5D2F5
100.0%	100.0% #E5D2FF	RGB 229 210 255	#E5D2FF

#8AD5C4 #99D4CD #A8D4D7 #B7D3E1 #C6D3EB #D5D2F5 #E5D2FF

#8AD5C4 - #E5D2FF

HSV Blend

#8AD5C4 - #E5D2FF | 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 #8AD5C4 as 0% and #E5D2FF as 100%.

0.0%	0.0% #8AD5C4	RGB 138 213 196	#8AD5C4
16.7%	16.7% #94D8DC	RGB 148 216 220	#94D8DC
33.3%	33.3% #A0CDE3	RGB 160 205 227	#A0CDE3
50.0%	50.0% #ACC5EA	RGB 172 197 234	#ACC5EA
66.7%	66.7% #B8BFF1	RGB 184 191 241	#B8BFF1
83.3%	83.3% #CCC4F8	RGB 204 196 248	#CCC4F8
100.0%	100.0% #E5D2FF	RGB 229 210 255	#E5D2FF

#8AD5C4 #94D8DC #A0CDE3 #ACC5EA #B8BFF1 #CCC4F8 #E5D2FF

#8AD5C4 - #ACC5EA - #E5D2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8AD5C4 0%, #ACC5EA 50%, #E5D2FF 100%);
    background: -webkit-linear-gradient(top, #8AD5C4 0%, #ACC5EA 50%, #E5D2FF 100%);
    background: linear-gradient(to bottom, #8AD5C4 0%, #ACC5EA 50%, #E5D2FF 100%);
}
</style>