#008794 - #A5E5C7 | 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 #008794 a #A5E5C7

#008794 #A5E5C7

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

#008794 - #A5E5C7 | 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 #008794 como 0% y #A5E5C7 como 100%.

0.0%	0.0% #008794	RGB 0 135 148	#008794
16.7%	16.7% #1B969C	RGB 27 150 156	#1B969C
33.3%	33.3% #37A6A5	RGB 55 166 165	#37A6A5
50.0%	50.0% #52B6AD	RGB 82 182 173	#52B6AD
66.7%	66.7% #6EC5B6	RGB 110 197 182	#6EC5B6
83.3%	83.3% #89D5BE	RGB 137 213 190	#89D5BE
100.0%	100.0% #A5E5C7	RGB 165 229 199	#A5E5C7

#008794 #1B969C #37A6A5 #52B6AD #6EC5B6 #89D5BE #A5E5C7

#008794 - #A5E5C7

Mezcla HSV

#008794 - #A5E5C7 | 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 #008794 como 0% y #A5E5C7 como 100%.

0.0%	0.0% #008794	RGB 0 135 148	#008794
16.7%	16.7% #13A1A0	RGB 19 161 160	#13A1A0
33.3%	33.3% #2AAFA2	RGB 42 175 162	#2AAFA2
50.0%	50.0% #43BCA5	RGB 67 188 165	#43BCA5
66.7%	66.7% #61CAAC	RGB 97 202 172	#61CAAC
83.3%	83.3% #81D7B7	RGB 129 215 183	#81D7B7
100.0%	100.0% #A5E5C7	RGB 165 229 199	#A5E5C7

#008794 #13A1A0 #2AAFA2 #43BCA5 #61CAAC #81D7B7 #A5E5C7

#008794 - #43BCA5 - #A5E5C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008794 0%, #43BCA5 50%, #A5E5C7 100%);
    background: -webkit-linear-gradient(top, #008794 0%, #43BCA5 50%, #A5E5C7 100%);
    background: linear-gradient(to bottom, #008794 0%, #43BCA5 50%, #A5E5C7 100%);
}
</style>