#1B5E7C - #8CCCAC | 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 #1B5E7C a #8CCCAC

#1B5E7C #8CCCAC

Calcule el color entre dos colores, #1B5E7C y #8CCCAC. 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)

#1B5E7C - #8CCCAC | 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 #1B5E7C como 0% y #8CCCAC como 100%.

0.0%	0.0% #1B5E7C	RGB 27 94 124	#1B5E7C
16.7%	16.7% #2D7084	RGB 45 112 132	#2D7084
33.3%	33.3% #40828C	RGB 64 130 140	#40828C
50.0%	50.0% #539594	RGB 83 149 148	#539594
66.7%	66.7% #66A79C	RGB 102 167 156	#66A79C
83.3%	83.3% #79B9A4	RGB 121 185 164	#79B9A4
100.0%	100.0% #8CCCAC	RGB 140 204 172	#8CCCAC

#1B5E7C #2D7084 #40828C #539594 #66A79C #79B9A4 #8CCCAC

#1B5E7C - #8CCCAC

Mezcla HSV

#1B5E7C - #8CCCAC | 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 #1B5E7C como 0% y #8CCCAC como 100%.

0.0%	0.0% #1B5E7C	RGB 27 94 124	#1B5E7C
16.7%	16.7% #287889	RGB 40 120 137	#287889
33.3%	33.3% #389296	RGB 56 146 150	#389296
50.0%	50.0% #4AA49B	RGB 74 164 155	#4AA49B
66.7%	66.7% #5EB19E	RGB 94 177 158	#5EB19E
83.3%	83.3% #73BEA3	RGB 115 190 163	#73BEA3
100.0%	100.0% #8CCCAC	RGB 140 204 172	#8CCCAC

#1B5E7C #287889 #389296 #4AA49B #5EB19E #73BEA3 #8CCCAC

#1B5E7C - #4AA49B - #8CCCAC

Códigos CSS

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

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