#1B5E4D - #BDD1CC | 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 #1B5E4D a #BDD1CC

#1B5E4D #BDD1CC

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

#1B5E4D - #BDD1CC | 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 #1B5E4D como 0% y #BDD1CC como 100%.

0.0%	0.0% #1B5E4D	RGB 27 94 77	#1B5E4D
16.7%	16.7% #367162	RGB 54 113 98	#367162
33.3%	33.3% #518477	RGB 81 132 119	#518477
50.0%	50.0% #6C978C	RGB 108 151 140	#6C978C
66.7%	66.7% #87AAA1	RGB 135 170 161	#87AAA1
83.3%	83.3% #A2BDB6	RGB 162 189 182	#A2BDB6
100.0%	100.0% #BDD1CC	RGB 189 209 204	#BDD1CC

#1B5E4D #367162 #518477 #6C978C #87AAA1 #A2BDB6 #BDD1CC

#1B5E4D - #BDD1CC

Mezcla HSV

#1B5E4D - #BDD1CC | 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 #1B5E4D como 0% y #BDD1CC como 100%.

0.0%	0.0% #1B5E4D	RGB 27 94 77	#1B5E4D
16.7%	16.7% #2C715F	RGB 44 113 95	#2C715F
33.3%	33.3% #418473	RGB 65 132 115	#418473
50.0%	50.0% #5A9788	RGB 90 151 136	#5A9788
66.7%	66.7% #77AA9D	RGB 119 170 157	#77AA9D
83.3%	83.3% #98BDB4	RGB 152 189 180	#98BDB4
100.0%	100.0% #BDD1CC	RGB 189 209 204	#BDD1CC

#1B5E4D #2C715F #418473 #5A9788 #77AA9D #98BDB4 #BDD1CC

#1B5E4D - #5A9788 - #BDD1CC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B5E4D 0%, #5A9788 50%, #BDD1CC 100%);
    background: -webkit-linear-gradient(top, #1B5E4D 0%, #5A9788 50%, #BDD1CC 100%);
    background: linear-gradient(to bottom, #1B5E4D 0%, #5A9788 50%, #BDD1CC 100%);
}
</style>