#00C2C2 - #B4FFB6 | 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 #00C2C2 a #B4FFB6

#00C2C2 #B4FFB6

Calcule el color entre dos colores, #00C2C2 y #B4FFB6. 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)

#00C2C2 - #B4FFB6 | 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 #00C2C2 como 0% y #B4FFB6 como 100%.

0.0%	0.0% #00C2C2	RGB 0 194 194	#00C2C2
16.7%	16.7% #1ECCC0	RGB 30 204 192	#1ECCC0
33.3%	33.3% #3CD6BE	RGB 60 214 190	#3CD6BE
50.0%	50.0% #5AE0BC	RGB 90 224 188	#5AE0BC
66.7%	66.7% #78EABA	RGB 120 234 186	#78EABA
83.3%	83.3% #96F4B8	RGB 150 244 184	#96F4B8
100.0%	100.0% #B4FFB6	RGB 180 255 182	#B4FFB6

#00C2C2 #1ECCC0 #3CD6BE #5AE0BC #78EABA #96F4B8 #B4FFB6

#00C2C2 - #B4FFB6

Mezcla HSV

#00C2C2 - #B4FFB6 | 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 #00C2C2 como 0% y #B4FFB6 como 100%.

0.0%	0.0% #00C2C2	RGB 0 194 194	#00C2C2
16.7%	16.7% #18CCAE	RGB 24 204 174	#18CCAE
33.3%	33.3% #32D6A1	RGB 50 214 161	#32D6A1
50.0%	50.0% #4FE099	RGB 79 224 153	#4FE099
66.7%	66.7% #6EEA9A	RGB 110 234 154	#6EEA9A
83.3%	83.3% #90F4A3	RGB 144 244 163	#90F4A3
100.0%	100.0% #B4FFB6	RGB 180 255 182	#B4FFB6

#00C2C2 #18CCAE #32D6A1 #4FE099 #6EEA9A #90F4A3 #B4FFB6

#00C2C2 - #4FE099 - #B4FFB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C2C2 0%, #4FE099 50%, #B4FFB6 100%);
    background: -webkit-linear-gradient(top, #00C2C2 0%, #4FE099 50%, #B4FFB6 100%);
    background: linear-gradient(to bottom, #00C2C2 0%, #4FE099 50%, #B4FFB6 100%);
}
</style>