#00CECE - #BBFFB6 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #00CECE a #BBFFB6

#00CECE #BBFFB6

Calcule el color entre dos colores, #00CECE y #BBFFB6. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#00CECE - #BBFFB6 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #00CECE como 0% y #BBFFB6 como 100%.

0.0%	0.0% #00CECE	RGB 0 206 206	#00CECE
16.7%	16.7% #1FD6CA	RGB 31 214 202	#1FD6CA
33.3%	33.3% #3EDEC6	RGB 62 222 198	#3EDEC6
50.0%	50.0% #5DE6C2	RGB 93 230 194	#5DE6C2
66.7%	66.7% #7CEEBE	RGB 124 238 190	#7CEEBE
83.3%	83.3% #9BF6BA	RGB 155 246 186	#9BF6BA
100.0%	100.0% #BBFFB6	RGB 187 255 182	#BBFFB6

#00CECE #1FD6CA #3EDEC6 #5DE6C2 #7CEEBE #9BF6BA #BBFFB6

#00CECE - #BBFFB6

Mezcla HSV

#00CECE - #BBFFB6 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #00CECE como 0% y #BBFFB6 como 100%.

0.0%	0.0% #00CECE	RGB 0 206 206	#00CECE
16.7%	16.7% #19D6B4	RGB 25 214 180	#19D6B4
33.3%	33.3% #34DEA1	RGB 52 222 161	#34DEA1
50.0%	50.0% #52E697	RGB 82 230 151	#52E697
66.7%	66.7% #71EE95	RGB 113 238 149	#71EE95
83.3%	83.3% #92F69D	RGB 146 246 157	#92F69D
100.0%	100.0% #BBFFB6	RGB 187 255 182	#BBFFB6

#00CECE #19D6B4 #34DEA1 #52E697 #71EE95 #92F69D #BBFFB6

#00CECE - #52E697 - #BBFFB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CECE 0%, #52E697 50%, #BBFFB6 100%);
    background: -webkit-linear-gradient(top, #00CECE 0%, #52E697 50%, #BBFFB6 100%);
    background: linear-gradient(to bottom, #00CECE 0%, #52E697 50%, #BBFFB6 100%);
}
</style>