#9FFFEA - #C0FFB5 | 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 #9FFFEA to #C0FFB5

#9FFFEA #C0FFB5

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

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

0.0%	0.0% #9FFFEA	RGB 159 255 234	#9FFFEA
16.7%	16.7% #A4FFE1	RGB 164 255 225	#A4FFE1
33.3%	33.3% #AAFFD8	RGB 170 255 216	#AAFFD8
50.0%	50.0% #AFFFCF	RGB 175 255 207	#AFFFCF
66.7%	66.7% #B5FFC6	RGB 181 255 198	#B5FFC6
83.3%	83.3% #BAFFBD	RGB 186 255 189	#BAFFBD
100.0%	100.0% #C0FFB5	RGB 192 255 181	#C0FFB5

#9FFFEA #A4FFE1 #AAFFD8 #AFFFCF #B5FFC6 #BAFFBD #C0FFB5

#9FFFEA - #C0FFB5

HSV Blend

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

0.0%	0.0% #9FFFEA	RGB 159 255 234	#9FFFEA
16.7%	16.7% #A2FFDC	RGB 162 255 220	#A2FFDC
33.3%	33.3% #A6FFD0	RGB 166 255 208	#A6FFD0
50.0%	50.0% #AAFFC4	RGB 170 255 196	#AAFFC4
66.7%	66.7% #ADFFBA	RGB 173 255 186	#ADFFBA
83.3%	83.3% #B1FFB1	RGB 177 255 177	#B1FFB1
100.0%	100.0% #C0FFB5	RGB 192 255 181	#C0FFB5

#9FFFEA #A2FFDC #A6FFD0 #AAFFC4 #ADFFBA #B1FFB1 #C0FFB5

#9FFFEA - #AAFFC4 - #C0FFB5

CSS codes

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

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