#00DADA - #C2FFB5 | 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 #00DADA a #C2FFB5

#00DADA #C2FFB5

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

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

0.0%	0.0% #00DADA	RGB 0 218 218	#00DADA
16.7%	16.7% #20E0D3	RGB 32 224 211	#20E0D3
33.3%	33.3% #40E6CD	RGB 64 230 205	#40E6CD
50.0%	50.0% #61ECC7	RGB 97 236 199	#61ECC7
66.7%	66.7% #81F2C1	RGB 129 242 193	#81F2C1
83.3%	83.3% #A1F8BB	RGB 161 248 187	#A1F8BB
100.0%	100.0% #C2FFB5	RGB 194 255 181	#C2FFB5

#00DADA #20E0D3 #40E6CD #61ECC7 #81F2C1 #A1F8BB #C2FFB5

#00DADA - #C2FFB5

Mezcla HSV

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

0.0%	0.0% #00DADA	RGB 0 218 218	#00DADA
16.7%	16.7% #1AE0B9	RGB 26 224 185	#1AE0B9
33.3%	33.3% #36E6A1	RGB 54 230 161	#36E6A1
50.0%	50.0% #53EC92	RGB 83 236 146	#53EC92
66.7%	66.7% #72F28E	RGB 114 242 142	#72F28E
83.3%	83.3% #93F895	RGB 147 248 149	#93F895
100.0%	100.0% #C2FFB5	RGB 194 255 181	#C2FFB5

#00DADA #1AE0B9 #36E6A1 #53EC92 #72F28E #93F895 #C2FFB5

#00DADA - #53EC92 - #C2FFB5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DADA 0%, #53EC92 50%, #C2FFB5 100%);
    background: -webkit-linear-gradient(top, #00DADA 0%, #53EC92 50%, #C2FFB5 100%);
    background: linear-gradient(to bottom, #00DADA 0%, #53EC92 50%, #C2FFB5 100%);
}
</style>