#009656 - #B9F0A2 | 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 #009656 a #B9F0A2

#009656 #B9F0A2

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

#009656 - #B9F0A2 | 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 #009656 como 0% y #B9F0A2 como 100%.

0.0%	0.0% #009656	RGB 0 150 86	#009656
16.7%	16.7% #1EA562	RGB 30 165 98	#1EA562
33.3%	33.3% #3DB46F	RGB 61 180 111	#3DB46F
50.0%	50.0% #5CC37C	RGB 92 195 124	#5CC37C
66.7%	66.7% #7BD288	RGB 123 210 136	#7BD288
83.3%	83.3% #9AE195	RGB 154 225 149	#9AE195
100.0%	100.0% #B9F0A2	RGB 185 240 162	#B9F0A2

#009656 #1EA562 #3DB46F #5CC37C #7BD288 #9AE195 #B9F0A2

#009656 - #B9F0A2

Mezcla HSV

#009656 - #B9F0A2 | 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 #009656 como 0% y #B9F0A2 como 100%.

0.0%	0.0% #009656	RGB 0 150 86	#009656
16.7%	16.7% #12A551	RGB 18 165 81	#12A551
33.3%	33.3% #28B450	RGB 40 180 80	#28B450
50.0%	50.0% #41C353	RGB 65 195 83	#41C353
66.7%	66.7% #5FD25E	RGB 95 210 94	#5FD25E
83.3%	83.3% #8DE17E	RGB 141 225 126	#8DE17E
100.0%	100.0% #B9F0A2	RGB 185 240 162	#B9F0A2

#009656 #12A551 #28B450 #41C353 #5FD25E #8DE17E #B9F0A2

#009656 - #41C353 - #B9F0A2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #009656 0%, #41C353 50%, #B9F0A2 100%);
    background: -webkit-linear-gradient(top, #009656 0%, #41C353 50%, #B9F0A2 100%);
    background: linear-gradient(to bottom, #009656 0%, #41C353 50%, #B9F0A2 100%);
}
</style>