#48A7B4 - #1E5A6B | 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 #48A7B4 a #1E5A6B

#48A7B4 #1E5A6B

Calcule el color entre dos colores, #48A7B4 y #1E5A6B. 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)

#48A7B4 - #1E5A6B | 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 #48A7B4 como 0% y #1E5A6B como 100%.

0.0%	0.0% #48A7B4	RGB 72 167 180	#48A7B4
16.7%	16.7% #419AA7	RGB 65 154 167	#419AA7
33.3%	33.3% #3A8D9B	RGB 58 141 155	#3A8D9B
50.0%	50.0% #33808F	RGB 51 128 143	#33808F
66.7%	66.7% #2C7383	RGB 44 115 131	#2C7383
83.3%	83.3% #256677	RGB 37 102 119	#256677
100.0%	100.0% #1E5A6B	RGB 30 90 107	#1E5A6B

#48A7B4 #419AA7 #3A8D9B #33808F #2C7383 #256677 #1E5A6B

#48A7B4 - #1E5A6B

Mezcla HSV

#48A7B4 - #1E5A6B | 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 #48A7B4 como 0% y #1E5A6B como 100%.

0.0%	0.0% #48A7B4	RGB 72 167 180	#48A7B4
16.7%	16.7% #3F99A7	RGB 63 153 167	#3F99A7
33.3%	33.3% #388C9B	RGB 56 140 155	#388C9B
50.0%	50.0% #307F8F	RGB 48 127 143	#307F8F
66.7%	66.7% #2A7283	RGB 42 114 131	#2A7283
83.3%	83.3% #236677	RGB 35 102 119	#236677
100.0%	100.0% #1E5A6B	RGB 30 90 107	#1E5A6B

#48A7B4 #3F99A7 #388C9B #307F8F #2A7283 #236677 #1E5A6B

#48A7B4 - #307F8F - #1E5A6B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48A7B4 0%, #307F8F 50%, #1E5A6B 100%);
    background: -webkit-linear-gradient(top, #48A7B4 0%, #307F8F 50%, #1E5A6B 100%);
    background: linear-gradient(to bottom, #48A7B4 0%, #307F8F 50%, #1E5A6B 100%);
}
</style>