#9CDFDA - #EAD9FF | 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 #9CDFDA to #EAD9FF

#9CDFDA #EAD9FF

Calculate the color between two colors, #9CDFDA and #EAD9FF. 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)

#9CDFDA - #EAD9FF | 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 #9CDFDA as 0% and #EAD9FF as 100%.

0.0%	0.0% #9CDFDA	RGB 156 223 218	#9CDFDA
16.7%	16.7% #A9DEE0	RGB 169 222 224	#A9DEE0
33.3%	33.3% #B6DDE6	RGB 182 221 230	#B6DDE6
50.0%	50.0% #C3DCEC	RGB 195 220 236	#C3DCEC
66.7%	66.7% #D0DBF2	RGB 208 219 242	#D0DBF2
83.3%	83.3% #DDDAF8	RGB 221 218 248	#DDDAF8
100.0%	100.0% #EAD9FF	RGB 234 217 255	#EAD9FF

#9CDFDA #A9DEE0 #B6DDE6 #C3DCEC #D0DBF2 #DDDAF8 #EAD9FF

#9CDFDA - #EAD9FF

HSV Blend

#9CDFDA - #EAD9FF | 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 #9CDFDA as 0% and #EAD9FF as 100%.

0.0%	0.0% #9CDFDA	RGB 156 223 218	#9CDFDA
16.7%	16.7% #A5D9E4	RGB 165 217 228	#A5D9E4
33.3%	33.3% #AFD0E9	RGB 175 208 233	#AFD0E9
50.0%	50.0% #B9CAEF	RGB 185 202 239	#B9CAEF
66.7%	66.7% #C3C6F4	RGB 195 198 244	#C3C6F4
83.3%	83.3% #D6CEF9	RGB 214 206 249	#D6CEF9
100.0%	100.0% #EAD9FF	RGB 234 217 255	#EAD9FF

#9CDFDA #A5D9E4 #AFD0E9 #B9CAEF #C3C6F4 #D6CEF9 #EAD9FF

#9CDFDA - #B9CAEF - #EAD9FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CDFDA 0%, #B9CAEF 50%, #EAD9FF 100%);
    background: -webkit-linear-gradient(top, #9CDFDA 0%, #B9CAEF 50%, #EAD9FF 100%);
    background: linear-gradient(to bottom, #9CDFDA 0%, #B9CAEF 50%, #EAD9FF 100%);
}
</style>