#00B596 - #C7FFA8 | 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 #00B596 a #C7FFA8

#00B596 #C7FFA8

Calcule el color entre dos colores, #00B596 y #C7FFA8. 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)

#00B596 - #C7FFA8 | 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 #00B596 como 0% y #C7FFA8 como 100%.

0.0%	0.0% #00B596	RGB 0 181 150	#00B596
16.7%	16.7% #21C199	RGB 33 193 153	#21C199
33.3%	33.3% #42CD9C	RGB 66 205 156	#42CD9C
50.0%	50.0% #63DA9F	RGB 99 218 159	#63DA9F
66.7%	66.7% #84E6A2	RGB 132 230 162	#84E6A2
83.3%	83.3% #A5F2A5	RGB 165 242 165	#A5F2A5
100.0%	100.0% #C7FFA8	RGB 199 255 168	#C7FFA8

#00B596 #21C199 #42CD9C #63DA9F #84E6A2 #A5F2A5 #C7FFA8

#00B596 - #C7FFA8

Mezcla HSV

#00B596 - #C7FFA8 | 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 #00B596 como 0% y #C7FFA8 como 100%.

0.0%	0.0% #00B596	RGB 0 181 150	#00B596
16.7%	16.7% #15C181	RGB 21 193 129	#15C181
33.3%	33.3% #2DCD72	RGB 45 205 114	#2DCD72
50.0%	50.0% #47DA6A	RGB 71 218 106	#47DA6A
66.7%	66.7% #65E66A	RGB 101 230 106	#65E66A
83.3%	83.3% #96F285	RGB 150 242 133	#96F285
100.0%	100.0% #C7FFA8	RGB 199 255 168	#C7FFA8

#00B596 #15C181 #2DCD72 #47DA6A #65E66A #96F285 #C7FFA8

#00B596 - #47DA6A - #C7FFA8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B596 0%, #47DA6A 50%, #C7FFA8 100%);
    background: -webkit-linear-gradient(top, #00B596 0%, #47DA6A 50%, #C7FFA8 100%);
    background: linear-gradient(to bottom, #00B596 0%, #47DA6A 50%, #C7FFA8 100%);
}
</style>