#58C2B5 - #CFEDE9 | 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 #58C2B5 to #CFEDE9

#58C2B5 #CFEDE9

Calculate the color between two colors, #58C2B5 and #CFEDE9. 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)

#58C2B5 - #CFEDE9 | 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 #58C2B5 as 0% and #CFEDE9 as 100%.

0.0%	0.0% #58C2B5	RGB 88 194 181	#58C2B5
16.7%	16.7% #6BC9BD	RGB 107 201 189	#6BC9BD
33.3%	33.3% #7FD0C6	RGB 127 208 198	#7FD0C6
50.0%	50.0% #93D7CF	RGB 147 215 207	#93D7CF
66.7%	66.7% #A7DED7	RGB 167 222 215	#A7DED7
83.3%	83.3% #BBE5E0	RGB 187 229 224	#BBE5E0
100.0%	100.0% #CFEDE9	RGB 207 237 233	#CFEDE9

#58C2B5 #6BC9BD #7FD0C6 #93D7CF #A7DED7 #BBE5E0 #CFEDE9

#58C2B5 - #CFEDE9

HSV Blend

#58C2B5 - #CFEDE9 | 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 #58C2B5 as 0% and #CFEDE9 as 100%.

0.0%	0.0% #58C2B5	RGB 88 194 181	#58C2B5
16.7%	16.7% #69C9BD	RGB 105 201 189	#69C9BD
33.3%	33.3% #7BD0C5	RGB 123 208 197	#7BD0C5
50.0%	50.0% #8ED7CE	RGB 142 215 206	#8ED7CE
66.7%	66.7% #A3DED6	RGB 163 222 214	#A3DED6
83.3%	83.3% #B8E5DF	RGB 184 229 223	#B8E5DF
100.0%	100.0% #CFEDE9	RGB 207 237 233	#CFEDE9

#58C2B5 #69C9BD #7BD0C5 #8ED7CE #A3DED6 #B8E5DF #CFEDE9

#58C2B5 - #8ED7CE - #CFEDE9

CSS codes

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

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