#60FF9A - #C2FFDD | 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 #60FF9A to #C2FFDD

#60FF9A #C2FFDD

Calculate the color between two colors, #60FF9A and #C2FFDD. 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)

#60FF9A - #C2FFDD | 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 #60FF9A as 0% and #C2FFDD as 100%.

0.0%	0.0% #60FF9A	RGB 96 255 154	#60FF9A
16.7%	16.7% #70FFA5	RGB 112 255 165	#70FFA5
33.3%	33.3% #80FFB0	RGB 128 255 176	#80FFB0
50.0%	50.0% #91FFBB	RGB 145 255 187	#91FFBB
66.7%	66.7% #A1FFC6	RGB 161 255 198	#A1FFC6
83.3%	83.3% #B1FFD1	RGB 177 255 209	#B1FFD1
100.0%	100.0% #C2FFDD	RGB 194 255 221	#C2FFDD

#60FF9A #70FFA5 #80FFB0 #91FFBB #A1FFC6 #B1FFD1 #C2FFDD

#60FF9A - #C2FFDD

HSV Blend

#60FF9A - #C2FFDD | 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 #60FF9A as 0% and #C2FFDD as 100%.

0.0%	0.0% #60FF9A	RGB 96 255 154	#60FF9A
16.7%	16.7% #70FFA6	RGB 112 255 166	#70FFA6
33.3%	33.3% #80FFB2	RGB 128 255 178	#80FFB2
50.0%	50.0% #91FFBD	RGB 145 255 189	#91FFBD
66.7%	66.7% #A1FFC8	RGB 161 255 200	#A1FFC8
83.3%	83.3% #B1FFD2	RGB 177 255 210	#B1FFD2
100.0%	100.0% #C2FFDD	RGB 194 255 221	#C2FFDD

#60FF9A #70FFA6 #80FFB2 #91FFBD #A1FFC8 #B1FFD2 #C2FFDD

#60FF9A - #91FFBD - #C2FFDD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #60FF9A 0%, #91FFBD 50%, #C2FFDD 100%);
    background: -webkit-linear-gradient(top, #60FF9A 0%, #91FFBD 50%, #C2FFDD 100%);
    background: linear-gradient(to bottom, #60FF9A 0%, #91FFBD 50%, #C2FFDD 100%);
}
</style>