#487B7B - #074E3C | 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 #487B7B a #074E3C

#487B7B #074E3C

Calcule el color entre dos colores, #487B7B y #074E3C. 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)

#487B7B - #074E3C | 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 #487B7B como 0% y #074E3C como 100%.

0.0%	0.0% #487B7B	RGB 72 123 123	#487B7B
16.7%	16.7% #3D7370	RGB 61 115 112	#3D7370
33.3%	33.3% #326C66	RGB 50 108 102	#326C66
50.0%	50.0% #27645B	RGB 39 100 91	#27645B
66.7%	66.7% #1C5D51	RGB 28 93 81	#1C5D51
83.3%	83.3% #115546	RGB 17 85 70	#115546
100.0%	100.0% #074E3C	RGB 7 78 60	#074E3C

#487B7B #3D7370 #326C66 #27645B #1C5D51 #115546 #074E3C

#487B7B - #074E3C

Mezcla HSV

#487B7B - #074E3C | 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 #487B7B como 0% y #074E3C como 100%.

0.0%	0.0% #487B7B	RGB 72 123 123	#487B7B
16.7%	16.7% #3A7371	RGB 58 115 113	#3A7371
33.3%	33.3% #2D6C66	RGB 45 108 102	#2D6C66
50.0%	50.0% #21645C	RGB 33 100 92	#21645C
66.7%	66.7% #175D51	RGB 23 93 81	#175D51
83.3%	83.3% #0E5546	RGB 14 85 70	#0E5546
100.0%	100.0% #074E3C	RGB 7 78 60	#074E3C

#487B7B #3A7371 #2D6C66 #21645C #175D51 #0E5546 #074E3C

#487B7B - #21645C - #074E3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #487B7B 0%, #21645C 50%, #074E3C 100%);
    background: -webkit-linear-gradient(top, #487B7B 0%, #21645C 50%, #074E3C 100%);
    background: linear-gradient(to bottom, #487B7B 0%, #21645C 50%, #074E3C 100%);
}
</style>