#4A8585 - #0D5564 | 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 #4A8585 a #0D5564

#4A8585 #0D5564

Calcule el color entre dos colores, #4A8585 y #0D5564. 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)

#4A8585 - #0D5564 | 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 #4A8585 como 0% y #0D5564 como 100%.

0.0%	0.0% #4A8585	RGB 74 133 133	#4A8585
16.7%	16.7% #3F7D7F	RGB 63 125 127	#3F7D7F
33.3%	33.3% #35757A	RGB 53 117 122	#35757A
50.0%	50.0% #2B6D74	RGB 43 109 116	#2B6D74
66.7%	66.7% #21656F	RGB 33 101 111	#21656F
83.3%	83.3% #175D69	RGB 23 93 105	#175D69
100.0%	100.0% #0D5564	RGB 13 85 100	#0D5564

#4A8585 #3F7D7F #35757A #2B6D74 #21656F #175D69 #0D5564

#4A8585 - #0D5564

Mezcla HSV

#4A8585 - #0D5564 | 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 #4A8585 como 0% y #0D5564 como 100%.

0.0%	0.0% #4A8585	RGB 74 133 133	#4A8585
16.7%	16.7% #3D7D7F	RGB 61 125 127	#3D7D7F
33.3%	33.3% #32757A	RGB 50 117 122	#32757A
50.0%	50.0% #276D74	RGB 39 109 116	#276D74
66.7%	66.7% #1E656F	RGB 30 101 111	#1E656F
83.3%	83.3% #155D69	RGB 21 93 105	#155D69
100.0%	100.0% #0D5564	RGB 13 85 100	#0D5564

#4A8585 #3D7D7F #32757A #276D74 #1E656F #155D69 #0D5564

#4A8585 - #276D74 - #0D5564

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8585 0%, #276D74 50%, #0D5564 100%);
    background: -webkit-linear-gradient(top, #4A8585 0%, #276D74 50%, #0D5564 100%);
    background: linear-gradient(to bottom, #4A8585 0%, #276D74 50%, #0D5564 100%);
}
</style>