#1B5E5E - #71AD82 | 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 #1B5E5E a #71AD82

#1B5E5E #71AD82

Calcule el color entre dos colores, #1B5E5E y #71AD82. 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)

#1B5E5E - #71AD82 | 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 #1B5E5E como 0% y #71AD82 como 100%.

0.0%	0.0% #1B5E5E	RGB 27 94 94	#1B5E5E
16.7%	16.7% #296B64	RGB 41 107 100	#296B64
33.3%	33.3% #37786A	RGB 55 120 106	#37786A
50.0%	50.0% #468570	RGB 70 133 112	#468570
66.7%	66.7% #549276	RGB 84 146 118	#549276
83.3%	83.3% #629F7C	RGB 98 159 124	#629F7C
100.0%	100.0% #71AD82	RGB 113 173 130	#71AD82

#1B5E5E #296B64 #37786A #468570 #549276 #629F7C #71AD82

#1B5E5E - #71AD82

Mezcla HSV

#1B5E5E - #71AD82 | 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 #1B5E5E como 0% y #71AD82 como 100%.

0.0%	0.0% #1B5E5E	RGB 27 94 94	#1B5E5E
16.7%	16.7% #256B62	RGB 37 107 98	#256B62
33.3%	33.3% #317867	RGB 49 120 103	#317867
50.0%	50.0% #3E856C	RGB 62 133 108	#3E856C
66.7%	66.7% #4D9271	RGB 77 146 113	#4D9271
83.3%	83.3% #5E9F78	RGB 94 159 120	#5E9F78
100.0%	100.0% #71AD82	RGB 113 173 130	#71AD82

#1B5E5E #256B62 #317867 #3E856C #4D9271 #5E9F78 #71AD82

#1B5E5E - #3E856C - #71AD82

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E5E 0%, #3E856C 50%, #71AD82 100%);
    background: -webkit-linear-gradient(top, #1B5E5E 0%, #3E856C 50%, #71AD82 100%);
    background: linear-gradient(to bottom, #1B5E5E 0%, #3E856C 50%, #71AD82 100%);
}
</style>