#1B7C7C - #8CCC99 | 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 #1B7C7C a #8CCC99

#1B7C7C #8CCC99

Calcule el color entre dos colores, #1B7C7C y #8CCC99. 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)

#1B7C7C - #8CCC99 | 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 #1B7C7C como 0% y #8CCC99 como 100%.

0.0%	0.0% #1B7C7C	RGB 27 124 124	#1B7C7C
16.7%	16.7% #2D8980	RGB 45 137 128	#2D8980
33.3%	33.3% #409685	RGB 64 150 133	#409685
50.0%	50.0% #53A48A	RGB 83 164 138	#53A48A
66.7%	66.7% #66B18F	RGB 102 177 143	#66B18F
83.3%	83.3% #79BE94	RGB 121 190 148	#79BE94
100.0%	100.0% #8CCC99	RGB 140 204 153	#8CCC99

#1B7C7C #2D8980 #409685 #53A48A #66B18F #79BE94 #8CCC99

#1B7C7C - #8CCC99

Mezcla HSV

#1B7C7C - #8CCC99 | 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 #1B7C7C como 0% y #8CCC99 como 100%.

0.0%	0.0% #1B7C7C	RGB 27 124 124	#1B7C7C
16.7%	16.7% #28897C	RGB 40 137 124	#28897C
33.3%	33.3% #38967D	RGB 56 150 125	#38967D
50.0%	50.0% #4AA480	RGB 74 164 128	#4AA480
66.7%	66.7% #5EB185	RGB 94 177 133	#5EB185
83.3%	83.3% #73BE8D	RGB 115 190 141	#73BE8D
100.0%	100.0% #8CCC99	RGB 140 204 153	#8CCC99

#1B7C7C #28897C #38967D #4AA480 #5EB185 #73BE8D #8CCC99

#1B7C7C - #4AA480 - #8CCC99

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B7C7C 0%, #4AA480 50%, #8CCC99 100%);
    background: -webkit-linear-gradient(top, #1B7C7C 0%, #4AA480 50%, #8CCC99 100%);
    background: linear-gradient(to bottom, #1B7C7C 0%, #4AA480 50%, #8CCC99 100%);
}
</style>