#10CECE - #C1FEB5 | 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 #10CECE to #C1FEB5

#10CECE #C1FEB5

Calculate the color between two colors, #10CECE and #C1FEB5. 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)

#10CECE - #C1FEB5 | 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 #10CECE as 0% and #C1FEB5 as 100%.

0.0%	0.0% #10CECE	RGB 16 206 206	#10CECE
16.7%	16.7% #2DD6C9	RGB 45 214 201	#2DD6C9
33.3%	33.3% #4BDEC5	RGB 75 222 197	#4BDEC5
50.0%	50.0% #68E6C1	RGB 104 230 193	#68E6C1
66.7%	66.7% #86EEBD	RGB 134 238 189	#86EEBD
83.3%	83.3% #A3F6B9	RGB 163 246 185	#A3F6B9
100.0%	100.0% #C1FEB5	RGB 193 254 181	#C1FEB5

#10CECE #2DD6C9 #4BDEC5 #68E6C1 #86EEBD #A3F6B9 #C1FEB5

#10CECE - #C1FEB5

HSV Blend

#10CECE - #C1FEB5 | 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 #10CECE as 0% and #C1FEB5 as 100%.

0.0%	0.0% #10CECE	RGB 16 206 206	#10CECE
16.7%	16.7% #27D6B4	RGB 39 214 180	#27D6B4
33.3%	33.3% #40DEA0	RGB 64 222 160	#40DEA0
50.0%	50.0% #5AE695	RGB 90 230 149	#5AE695
66.7%	66.7% #77EE91	RGB 119 238 145	#77EE91
83.3%	83.3% #95F698	RGB 149 246 152	#95F698
100.0%	100.0% #C1FEB5	RGB 193 254 181	#C1FEB5

#10CECE #27D6B4 #40DEA0 #5AE695 #77EE91 #95F698 #C1FEB5

#10CECE - #5AE695 - #C1FEB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10CECE 0%, #5AE695 50%, #C1FEB5 100%);
    background: -webkit-linear-gradient(top, #10CECE 0%, #5AE695 50%, #C1FEB5 100%);
    background: linear-gradient(to bottom, #10CECE 0%, #5AE695 50%, #C1FEB5 100%);
}
</style>