#006B4A - #B6D4CB | 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 #006B4A a #B6D4CB

#006B4A #B6D4CB

Calcule el color entre dos colores, #006B4A y #B6D4CB. 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)

#006B4A - #B6D4CB | 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 #006B4A como 0% y #B6D4CB como 100%.

0.0%	0.0% #006B4A	RGB 0 107 74	#006B4A
16.7%	16.7% #1E7C5F	RGB 30 124 95	#1E7C5F
33.3%	33.3% #3C8E75	RGB 60 142 117	#3C8E75
50.0%	50.0% #5B9F8A	RGB 91 159 138	#5B9F8A
66.7%	66.7% #79B1A0	RGB 121 177 160	#79B1A0
83.3%	83.3% #97C2B5	RGB 151 194 181	#97C2B5
100.0%	100.0% #B6D4CB	RGB 182 212 203	#B6D4CB

#006B4A #1E7C5F #3C8E75 #5B9F8A #79B1A0 #97C2B5 #B6D4CB

#006B4A - #B6D4CB

Mezcla HSV

#006B4A - #B6D4CB | 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 #006B4A como 0% y #B6D4CB como 100%.

0.0%	0.0% #006B49	RGB 0 107 73	#006B49
16.7%	16.7% #117C5B	RGB 17 124 91	#117C5B
33.3%	33.3% #288E6F	RGB 40 142 111	#288E6F
50.0%	50.0% #449F83	RGB 68 159 131	#449F83
66.7%	66.7% #65B19A	RGB 101 177 154	#65B19A
83.3%	83.3% #8BC2B1	RGB 139 194 177	#8BC2B1
100.0%	100.0% #B6D4CB	RGB 182 212 203	#B6D4CB

#006B49 #117C5B #288E6F #449F83 #65B19A #8BC2B1 #B6D4CB

#006B4A - #449F83 - #B6D4CB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006B49 0%, #449F83 50%, #B6D4CB 100%);
    background: -webkit-linear-gradient(top, #006B49 0%, #449F83 50%, #B6D4CB 100%);
    background: linear-gradient(to bottom, #006B49 0%, #449F83 50%, #B6D4CB 100%);
}
</style>