#1E8D8D - #9CD9A2 | 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 #1E8D8D a #9CD9A2

#1E8D8D #9CD9A2

Calcule el color entre dos colores, #1E8D8D y #9CD9A2. 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)

#1E8D8D - #9CD9A2 | 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 #1E8D8D como 0% y #9CD9A2 como 100%.

0.0%	0.0% #1E8D8D	RGB 30 141 141	#1E8D8D
16.7%	16.7% #339990	RGB 51 153 144	#339990
33.3%	33.3% #48A694	RGB 72 166 148	#48A694
50.0%	50.0% #5DB397	RGB 93 179 151	#5DB397
66.7%	66.7% #72BF9B	RGB 114 191 155	#72BF9B
83.3%	83.3% #87CC9E	RGB 135 204 158	#87CC9E
100.0%	100.0% #9CD9A2	RGB 156 217 162	#9CD9A2

#1E8D8D #339990 #48A694 #5DB397 #72BF9B #87CC9E #9CD9A2

#1E8D8D - #9CD9A2

Mezcla HSV

#1E8D8D - #9CD9A2 | 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 #1E8D8D como 0% y #9CD9A2 como 100%.

0.0%	0.0% #1D8D8D	RGB 29 141 141	#1D8D8D
16.7%	16.7% #2D9989	RGB 45 153 137	#2D9989
33.3%	33.3% #3FA687	RGB 63 166 135	#3FA687
50.0%	50.0% #53B387	RGB 83 179 135	#53B387
66.7%	66.7% #69BF8B	RGB 105 191 139	#69BF8B
83.3%	83.3% #81CC94	RGB 129 204 148	#81CC94
100.0%	100.0% #9CD9A2	RGB 156 217 162	#9CD9A2

#1D8D8D #2D9989 #3FA687 #53B387 #69BF8B #81CC94 #9CD9A2

#1E8D8D - #53B387 - #9CD9A2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D8D8D 0%, #53B387 50%, #9CD9A2 100%);
    background: -webkit-linear-gradient(top, #1D8D8D 0%, #53B387 50%, #9CD9A2 100%);
    background: linear-gradient(to bottom, #1D8D8D 0%, #53B387 50%, #9CD9A2 100%);
}
</style>