#00E3E3 - #C6FFB3 | 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 #00E3E3 a #C6FFB3

#00E3E3 #C6FFB3

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

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

0.0%	0.0% #00E3E3	RGB 0 227 227	#00E3E3
16.7%	16.7% #21E7DB	RGB 33 231 219	#21E7DB
33.3%	33.3% #42ECD3	RGB 66 236 211	#42ECD3
50.0%	50.0% #63F1CB	RGB 99 241 203	#63F1CB
66.7%	66.7% #84F5C3	RGB 132 245 195	#84F5C3
83.3%	83.3% #A5FABB	RGB 165 250 187	#A5FABB
100.0%	100.0% #C6FFB3	RGB 198 255 179	#C6FFB3

#00E3E3 #21E7DB #42ECD3 #63F1CB #84F5C3 #A5FABB #C6FFB3

#00E3E3 - #C6FFB3

Mezcla HSV

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

0.0%	0.0% #00E3E3	RGB 0 227 227	#00E3E3
16.7%	16.7% #1BE7BD	RGB 27 231 189	#1BE7BD
33.3%	33.3% #37ECA0	RGB 55 236 160	#37ECA0
50.0%	50.0% #54F18F	RGB 84 241 143	#54F18F
66.7%	66.7% #72F588	RGB 114 245 136	#72F588
83.3%	83.3% #96FA92	RGB 150 250 146	#96FA92
100.0%	100.0% #C6FFB3	RGB 198 255 179	#C6FFB3

#00E3E3 #1BE7BD #37ECA0 #54F18F #72F588 #96FA92 #C6FFB3

#00E3E3 - #54F18F - #C6FFB3

Códigos CSS

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

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