#008091 - #9CDEC7 | 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 #008091 a #9CDEC7

#008091 #9CDEC7

Calcule el color entre dos colores, #008091 y #9CDEC7. 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)

#008091 - #9CDEC7 | 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 #008091 como 0% y #9CDEC7 como 100%.

0.0%	0.0% #008091	RGB 0 128 145	#008091
16.7%	16.7% #1A8F9A	RGB 26 143 154	#1A8F9A
33.3%	33.3% #349FA3	RGB 52 159 163	#349FA3
50.0%	50.0% #4EAFAC	RGB 78 175 172	#4EAFAC
66.7%	66.7% #68BEB5	RGB 104 190 181	#68BEB5
83.3%	83.3% #82CEBE	RGB 130 206 190	#82CEBE
100.0%	100.0% #9CDEC7	RGB 156 222 199	#9CDEC7

#008091 #1A8F9A #349FA3 #4EAFAC #68BEB5 #82CEBE #9CDEC7

#008091 - #9CDEC7

Mezcla HSV

#008091 - #9CDEC7 | 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 #008091 como 0% y #9CDEC7 como 100%.

0.0%	0.0% #007F91	RGB 0 127 145	#007F91
16.7%	16.7% #12989D	RGB 18 152 157	#12989D
33.3%	33.3% #27AAA5	RGB 39 170 165	#27AAA5
50.0%	50.0% #40B7A9	RGB 64 183 169	#40B7A9
66.7%	66.7% #5BC4B0	RGB 91 196 176	#5BC4B0
83.3%	83.3% #7AD1B9	RGB 122 209 185	#7AD1B9
100.0%	100.0% #9CDEC7	RGB 156 222 199	#9CDEC7

#007F91 #12989D #27AAA5 #40B7A9 #5BC4B0 #7AD1B9 #9CDEC7

#008091 - #40B7A9 - #9CDEC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #007F91 0%, #40B7A9 50%, #9CDEC7 100%);
    background: -webkit-linear-gradient(top, #007F91 0%, #40B7A9 50%, #9CDEC7 100%);
    background: linear-gradient(to bottom, #007F91 0%, #40B7A9 50%, #9CDEC7 100%);
}
</style>