#1D5E5E - #BED1D1 | 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 #1D5E5E a #BED1D1

#1D5E5E #BED1D1

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

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

0.0%	0.0% #1D5E5E	RGB 29 94 94	#1D5E5E
16.7%	16.7% #377171	RGB 55 113 113	#377171
33.3%	33.3% #528484	RGB 82 132 132	#528484
50.0%	50.0% #6D9797	RGB 109 151 151	#6D9797
66.7%	66.7% #88AAAA	RGB 136 170 170	#88AAAA
83.3%	83.3% #A3BDBD	RGB 163 189 189	#A3BDBD
100.0%	100.0% #BED1D1	RGB 190 209 209	#BED1D1

#1D5E5E #377171 #528484 #6D9797 #88AAAA #A3BDBD #BED1D1

#1D5E5E - #BED1D1

Mezcla HSV

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

0.0%	0.0% #1D5E5E	RGB 29 94 94	#1D5E5E
16.7%	16.7% #2E7171	RGB 46 113 113	#2E7171
33.3%	33.3% #438484	RGB 67 132 132	#438484
50.0%	50.0% #5C9797	RGB 92 151 151	#5C9797
66.7%	66.7% #78AAAA	RGB 120 170 170	#78AAAA
83.3%	83.3% #99BDBD	RGB 153 189 189	#99BDBD
100.0%	100.0% #BED1D1	RGB 190 209 209	#BED1D1

#1D5E5E #2E7171 #438484 #5C9797 #78AAAA #99BDBD #BED1D1

#1D5E5E - #5C9797 - #BED1D1

Códigos CSS

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

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