#006400 - #B6D2B6 | 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 #006400 a #B6D2B6

#006400 #B6D2B6

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

#006400 - #B6D2B6 | 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 #006400 como 0% y #B6D2B6 como 100%.

0.0%	0.0% #006400	RGB 0 100 0	#006400
16.7%	16.7% #1E761E	RGB 30 118 30	#1E761E
33.3%	33.3% #3C883C	RGB 60 136 60	#3C883C
50.0%	50.0% #5B9B5B	RGB 91 155 91	#5B9B5B
66.7%	66.7% #79AD79	RGB 121 173 121	#79AD79
83.3%	83.3% #97BF97	RGB 151 191 151	#97BF97
100.0%	100.0% #B6D2B6	RGB 182 210 182	#B6D2B6

#006400 #1E761E #3C883C #5B9B5B #79AD79 #97BF97 #B6D2B6

#006400 - #B6D2B6

Mezcla HSV

#006400 - #B6D2B6 | 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 #006400 como 0% y #B6D2B6 como 100%.

0.0%	0.0% #006400	RGB 0 100 0	#006400
16.7%	16.7% #117611	RGB 17 118 17	#117611
33.3%	33.3% #278827	RGB 39 136 39	#278827
50.0%	50.0% #439B43	RGB 67 155 67	#439B43
66.7%	66.7% #64AD64	RGB 100 173 100	#64AD64
83.3%	83.3% #8ABF8A	RGB 138 191 138	#8ABF8A
100.0%	100.0% #B6D2B6	RGB 182 210 182	#B6D2B6

#006400 #117611 #278827 #439B43 #64AD64 #8ABF8A #B6D2B6

#006400 - #439B43 - #B6D2B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006400 0%, #439B43 50%, #B6D2B6 100%);
    background: -webkit-linear-gradient(top, #006400 0%, #439B43 50%, #B6D2B6 100%);
    background: linear-gradient(to bottom, #006400 0%, #439B43 50%, #B6D2B6 100%);
}
</style>