#1B7C62 - #BDD9D2 | 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 #1B7C62 a #BDD9D2

#1B7C62 #BDD9D2

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

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

0.0%	0.0% #1B7C62	RGB 27 124 98	#1B7C62
16.7%	16.7% #368B74	RGB 54 139 116	#368B74
33.3%	33.3% #519B87	RGB 81 155 135	#519B87
50.0%	50.0% #6CAA9A	RGB 108 170 154	#6CAA9A
66.7%	66.7% #87BAAC	RGB 135 186 172	#87BAAC
83.3%	83.3% #A2C9BF	RGB 162 201 191	#A2C9BF
100.0%	100.0% #BDD9D2	RGB 189 217 210	#BDD9D2

#1B7C62 #368B74 #519B87 #6CAA9A #87BAAC #A2C9BF #BDD9D2

#1B7C62 - #BDD9D2

Mezcla HSV

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

0.0%	0.0% #1B7C62	RGB 27 124 98	#1B7C62
16.7%	16.7% #2D8B72	RGB 45 139 114	#2D8B72
33.3%	33.3% #439B84	RGB 67 155 132	#439B84
50.0%	50.0% #5CAA96	RGB 92 170 150	#5CAA96
66.7%	66.7% #79BAA9	RGB 121 186 169	#79BAA9
83.3%	83.3% #99C9BD	RGB 153 201 189	#99C9BD
100.0%	100.0% #BDD9D2	RGB 189 217 210	#BDD9D2

#1B7C62 #2D8B72 #439B84 #5CAA96 #79BAA9 #99C9BD #BDD9D2

#1B7C62 - #5CAA96 - #BDD9D2

Códigos CSS

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

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