#003655 - #4B879C | 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 #003655 a #4B879C

#003655 #4B879C

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

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

0.0%	0.0% #003655	RGB 0 54 85	#003655
16.7%	16.7% #0C4360	RGB 12 67 96	#0C4360
33.3%	33.3% #19516C	RGB 25 81 108	#19516C
50.0%	50.0% #255E78	RGB 37 94 120	#255E78
66.7%	66.7% #326C84	RGB 50 108 132	#326C84
83.3%	83.3% #3E7990	RGB 62 121 144	#3E7990
100.0%	100.0% #4B879C	RGB 75 135 156	#4B879C

#003655 #0C4360 #19516C #255E78 #326C84 #3E7990 #4B879C

#003655 - #4B879C

Mezcla HSV

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

0.0%	0.0% #003655	RGB 0 54 85	#003655
16.7%	16.7% #074160	RGB 7 65 96	#074160
33.3%	33.3% #114E6C	RGB 17 78 108	#114E6C
50.0%	50.0% #1C5B78	RGB 28 91 120	#1C5B78
66.7%	66.7% #2A6984	RGB 42 105 132	#2A6984
83.3%	83.3% #397890	RGB 57 120 144	#397890
100.0%	100.0% #4B879C	RGB 75 135 156	#4B879C

#003655 #074160 #114E6C #1C5B78 #2A6984 #397890 #4B879C

#003655 - #1C5B78 - #4B879C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003655 0%, #1C5B78 50%, #4B879C 100%);
    background: -webkit-linear-gradient(top, #003655 0%, #1C5B78 50%, #4B879C 100%);
    background: linear-gradient(to bottom, #003655 0%, #1C5B78 50%, #4B879C 100%);
}
</style>