#1D5E5E - #73AD82 | 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 #1D5E5E a #73AD82

#1D5E5E #73AD82

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

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

0.0%	0.0% #1D5E5E	RGB 29 94 94	#1D5E5E
16.7%	16.7% #2B6B64	RGB 43 107 100	#2B6B64
33.3%	33.3% #39786A	RGB 57 120 106	#39786A
50.0%	50.0% #488570	RGB 72 133 112	#488570
66.7%	66.7% #569276	RGB 86 146 118	#569276
83.3%	83.3% #649F7C	RGB 100 159 124	#649F7C
100.0%	100.0% #73AD82	RGB 115 173 130	#73AD82

#1D5E5E #2B6B64 #39786A #488570 #569276 #649F7C #73AD82

#1D5E5E - #73AD82

Mezcla HSV

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

0.0%	0.0% #1D5E5E	RGB 29 94 94	#1D5E5E
16.7%	16.7% #276B62	RGB 39 107 98	#276B62
33.3%	33.3% #337867	RGB 51 120 103	#337867
50.0%	50.0% #40856C	RGB 64 133 108	#40856C
66.7%	66.7% #509271	RGB 80 146 113	#509271
83.3%	83.3% #609F78	RGB 96 159 120	#609F78
100.0%	100.0% #73AD82	RGB 115 173 130	#73AD82

#1D5E5E #276B62 #337867 #40856C #509271 #609F78 #73AD82

#1D5E5E - #40856C - #73AD82

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D5E5E 0%, #40856C 50%, #73AD82 100%);
    background: -webkit-linear-gradient(top, #1D5E5E 0%, #40856C 50%, #73AD82 100%);
    background: linear-gradient(to bottom, #1D5E5E 0%, #40856C 50%, #73AD82 100%);
}
</style>