#768D8D - #1B5A4F | 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 #768D8D a #1B5A4F

#768D8D #1B5A4F

Calcule el color entre dos colores, #768D8D y #1B5A4F. 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)

#768D8D - #1B5A4F | 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 #768D8D como 0% y #1B5A4F como 100%.

0.0%	0.0% #768D8D	RGB 118 141 141	#768D8D
16.7%	16.7% #668482	RGB 102 132 130	#668482
33.3%	33.3% #577C78	RGB 87 124 120	#577C78
50.0%	50.0% #48736E	RGB 72 115 110	#48736E
66.7%	66.7% #396B63	RGB 57 107 99	#396B63
83.3%	83.3% #2A6259	RGB 42 98 89	#2A6259
100.0%	100.0% #1B5A4F	RGB 27 90 79	#1B5A4F

#768D8D #668482 #577C78 #48736E #396B63 #2A6259 #1B5A4F

#768D8D - #1B5A4F

Mezcla HSV

#768D8D - #1B5A4F | 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 #768D8D como 0% y #1B5A4F como 100%.

0.0%	0.0% #768D8D	RGB 118 141 141	#768D8D
16.7%	16.7% #638483	RGB 99 132 131	#638483
33.3%	33.3% #517C79	RGB 81 124 121	#517C79
50.0%	50.0% #41736F	RGB 65 115 111	#41736F
66.7%	66.7% #336B64	RGB 51 107 100	#336B64
83.3%	83.3% #266259	RGB 38 98 89	#266259
100.0%	100.0% #1B5A4F	RGB 27 90 79	#1B5A4F

#768D8D #638483 #517C79 #41736F #336B64 #266259 #1B5A4F

#768D8D - #41736F - #1B5A4F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #768D8D 0%, #41736F 50%, #1B5A4F 100%);
    background: -webkit-linear-gradient(top, #768D8D 0%, #41736F 50%, #1B5A4F 100%);
    background: linear-gradient(to bottom, #768D8D 0%, #41736F 50%, #1B5A4F 100%);
}
</style>