#008061 - #B6DAD1 | 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 #008061 a #B6DAD1

#008061 #B6DAD1

Calcule el color entre dos colores, #008061 y #B6DAD1. 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)

#008061 - #B6DAD1 | 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 #008061 como 0% y #B6DAD1 como 100%.

0.0%	0.0% #008061	RGB 0 128 97	#008061
16.7%	16.7% #1E8F73	RGB 30 143 115	#1E8F73
33.3%	33.3% #3C9E86	RGB 60 158 134	#3C9E86
50.0%	50.0% #5BAD99	RGB 91 173 153	#5BAD99
66.7%	66.7% #79BCAB	RGB 121 188 171	#79BCAB
83.3%	83.3% #97CBBE	RGB 151 203 190	#97CBBE
100.0%	100.0% #B6DAD1	RGB 182 218 209	#B6DAD1

#008061 #1E8F73 #3C9E86 #5BAD99 #79BCAB #97CBBE #B6DAD1

#008061 - #B6DAD1

Mezcla HSV

#008061 - #B6DAD1 | 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 #008061 como 0% y #B6DAD1 como 100%.

0.0%	0.0% #008061	RGB 0 128 97	#008061
16.7%	16.7% #138F71	RGB 19 143 113	#138F71
33.3%	33.3% #2B9E82	RGB 43 158 130	#2B9E82
50.0%	50.0% #48AD94	RGB 72 173 148	#48AD94
66.7%	66.7% #68BCA7	RGB 104 188 167	#68BCA7
83.3%	83.3% #8DCBBB	RGB 141 203 187	#8DCBBB
100.0%	100.0% #B6DAD1	RGB 182 218 209	#B6DAD1

#008061 #138F71 #2B9E82 #48AD94 #68BCA7 #8DCBBB #B6DAD1

#008061 - #48AD94 - #B6DAD1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008061 0%, #48AD94 50%, #B6DAD1 100%);
    background: -webkit-linear-gradient(top, #008061 0%, #48AD94 50%, #B6DAD1 100%);
    background: linear-gradient(to bottom, #008061 0%, #48AD94 50%, #B6DAD1 100%);
}
</style>