#0CE5E5 - #CAFFB3 | 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 #0CE5E5 to #CAFFB3

#0CE5E5 #CAFFB3

Calculate the color between two colors, #0CE5E5 and #CAFFB3. 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)

#0CE5E5 - #CAFFB3 | 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 #0CE5E5 as 0% and #CAFFB3 as 100%.

0.0%	0.0% #0CE5E5	RGB 12 229 229	#0CE5E5
16.7%	16.7% #2BE9DC	RGB 43 233 220	#2BE9DC
33.3%	33.3% #4BEDD4	RGB 75 237 212	#4BEDD4
50.0%	50.0% #6BF2CC	RGB 107 242 204	#6BF2CC
66.7%	66.7% #8AF6C3	RGB 138 246 195	#8AF6C3
83.3%	83.3% #AAFABB	RGB 170 250 187	#AAFABB
100.0%	100.0% #CAFFB3	RGB 202 255 179	#CAFFB3

#0CE5E5 #2BE9DC #4BEDD4 #6BF2CC #8AF6C3 #AAFABB #CAFFB3

#0CE5E5 - #CAFFB3

HSV Blend

#0CE5E5 - #CAFFB3 | 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 #0CE5E5 as 0% and #CAFFB3 as 100%.

0.0%	0.0% #0BE5E5	RGB 11 229 229	#0BE5E5
16.7%	16.7% #25E9BE	RGB 37 233 190	#25E9BE
33.3%	33.3% #3FEDA2	RGB 63 237 162	#3FEDA2
50.0%	50.0% #5BF28F	RGB 91 242 143	#5BF28F
66.7%	66.7% #77F688	RGB 119 246 136	#77F688
83.3%	83.3% #9DFA94	RGB 157 250 148	#9DFA94
100.0%	100.0% #CAFFB3	RGB 202 255 179	#CAFFB3

#0BE5E5 #25E9BE #3FEDA2 #5BF28F #77F688 #9DFA94 #CAFFB3

#0CE5E5 - #5BF28F - #CAFFB3

CSS codes

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

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