#009672 - #ADF399 | 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 #009672 a #ADF399

#009672 #ADF399

Calcule el color entre dos colores, #009672 y #ADF399. 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)

#009672 - #ADF399 | 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 #009672 como 0% y #ADF399 como 100%.

0.0%	0.0% #009672	RGB 0 150 114	#009672
16.7%	16.7% #1CA578	RGB 28 165 120	#1CA578
33.3%	33.3% #39B57F	RGB 57 181 127	#39B57F
50.0%	50.0% #56C485	RGB 86 196 133	#56C485
66.7%	66.7% #73D48C	RGB 115 212 140	#73D48C
83.3%	83.3% #90E392	RGB 144 227 146	#90E392
100.0%	100.0% #ADF399	RGB 173 243 153	#ADF399

#009672 #1CA578 #39B57F #56C485 #73D48C #90E392 #ADF399

#009672 - #ADF399

Mezcla HSV

#009672 - #ADF399 | 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 #009672 como 0% y #ADF399 como 100%.

0.0%	0.0% #009672	RGB 0 150 114	#009672
16.7%	16.7% #11A569	RGB 17 165 105	#11A569
33.3%	33.3% #25B563	RGB 37 181 99	#25B563
50.0%	50.0% #3DC462	RGB 61 196 98	#3DC462
66.7%	66.7% #58D465	RGB 88 212 101	#58D465
83.3%	83.3% #7DE377	RGB 125 227 119	#7DE377
100.0%	100.0% #ADF399	RGB 173 243 153	#ADF399

#009672 #11A569 #25B563 #3DC462 #58D465 #7DE377 #ADF399

#009672 - #3DC462 - #ADF399

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009672 0%, #3DC462 50%, #ADF399 100%);
    background: -webkit-linear-gradient(top, #009672 0%, #3DC462 50%, #ADF399 100%);
    background: linear-gradient(to bottom, #009672 0%, #3DC462 50%, #ADF399 100%);
}
</style>