#009660 - #B6E1D0 | 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 #009660 a #B6E1D0

#009660 #B6E1D0

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

#009660 - #B6E1D0 | 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 #009660 como 0% y #B6E1D0 como 100%.

0.0%	0.0% #009660	RGB 0 150 96	#009660
16.7%	16.7% #1EA272	RGB 30 162 114	#1EA272
33.3%	33.3% #3CAF85	RGB 60 175 133	#3CAF85
50.0%	50.0% #5BBB98	RGB 91 187 152	#5BBB98
66.7%	66.7% #79C8AA	RGB 121 200 170	#79C8AA
83.3%	83.3% #97D4BD	RGB 151 212 189	#97D4BD
100.0%	100.0% #B6E1D0	RGB 182 225 208	#B6E1D0

#009660 #1EA272 #3CAF85 #5BBB98 #79C8AA #97D4BD #B6E1D0

#009660 - #B6E1D0

Mezcla HSV

#009660 - #B6E1D0 | 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 #009660 como 0% y #B6E1D0 como 100%.

0.0%	0.0% #009660	RGB 0 150 96	#009660
16.7%	16.7% #15A26F	RGB 21 162 111	#15A26F
33.3%	33.3% #2FAF7F	RGB 47 175 127	#2FAF7F
50.0%	50.0% #4BBB91	RGB 75 187 145	#4BBB91
66.7%	66.7% #6BC8A4	RGB 107 200 164	#6BC8A4
83.3%	83.3% #8FD4B9	RGB 143 212 185	#8FD4B9
100.0%	100.0% #B6E1D0	RGB 182 225 208	#B6E1D0

#009660 #15A26F #2FAF7F #4BBB91 #6BC8A4 #8FD4B9 #B6E1D0

#009660 - #4BBB91 - #B6E1D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009660 0%, #4BBB91 50%, #B6E1D0 100%);
    background: -webkit-linear-gradient(top, #009660 0%, #4BBB91 50%, #B6E1D0 100%);
    background: linear-gradient(to bottom, #009660 0%, #4BBB91 50%, #B6E1D0 100%);
}
</style>