#35E3E3 - #00BEC5 | 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 #35E3E3 to #00BEC5

#35E3E3 #00BEC5

Calculate the color between two colors, #35E3E3 and #00BEC5. 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)

#35E3E3 - #00BEC5 | 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 #35E3E3 as 0% and #00BEC5 as 100%.

0.0%	0.0% #35E3E3	RGB 53 227 227	#35E3E3
16.7%	16.7% #2CDCDE	RGB 44 220 222	#2CDCDE
33.3%	33.3% #23D6D9	RGB 35 214 217	#23D6D9
50.0%	50.0% #1AD0D4	RGB 26 208 212	#1AD0D4
66.7%	66.7% #11CACF	RGB 17 202 207	#11CACF
83.3%	83.3% #08C4CA	RGB 8 196 202	#08C4CA
100.0%	100.0% #00BEC5	RGB 0 190 197	#00BEC5

#35E3E3 #2CDCDE #23D6D9 #1AD0D4 #11CACF #08C4CA #00BEC5

#35E3E3 - #00BEC5

HSV Blend

#35E3E3 - #00BEC5 | 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 #35E3E3 as 0% and #00BEC5 as 100%.

0.0%	0.0% #35E3E3	RGB 53 227 227	#35E3E3
16.7%	16.7% #2BDCDE	RGB 43 220 222	#2BDCDE
33.3%	33.3% #21D6D9	RGB 33 214 217	#21D6D9
50.0%	50.0% #18D0D4	RGB 24 208 212	#18D0D4
66.7%	66.7% #10CACF	RGB 16 202 207	#10CACF
83.3%	83.3% #07C4CA	RGB 7 196 202	#07C4CA
100.0%	100.0% #00BEC5	RGB 0 190 197	#00BEC5

#35E3E3 #2BDCDE #21D6D9 #18D0D4 #10CACF #07C4CA #00BEC5

#35E3E3 - #18D0D4 - #00BEC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #35E3E3 0%, #18D0D4 50%, #00BEC5 100%);
    background: -webkit-linear-gradient(top, #35E3E3 0%, #18D0D4 50%, #00BEC5 100%);
    background: linear-gradient(to bottom, #35E3E3 0%, #18D0D4 50%, #00BEC5 100%);
}
</style>