#2C5024 - #C2CDC0 | 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 #2C5024 a #C2CDC0

#2C5024 #C2CDC0

Calcule el color entre dos colores, #2C5024 y #C2CDC0. 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)

#2C5024 - #C2CDC0 | 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 #2C5024 como 0% y #C2CDC0 como 100%.

0.0%	0.0% #2C5024	RGB 44 80 36	#2C5024
16.7%	16.7% #45643E	RGB 69 100 62	#45643E
33.3%	33.3% #5E7958	RGB 94 121 88	#5E7958
50.0%	50.0% #778E72	RGB 119 142 114	#778E72
66.7%	66.7% #90A38C	RGB 144 163 140	#90A38C
83.3%	83.3% #A9B8A6	RGB 169 184 166	#A9B8A6
100.0%	100.0% #C2CDC0	RGB 194 205 192	#C2CDC0

#2C5024 #45643E #5E7958 #778E72 #90A38C #A9B8A6 #C2CDC0

#2C5024 - #C2CDC0

Mezcla HSV

#2C5024 - #C2CDC0 | 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 #2C5024 como 0% y #C2CDC0 como 100%.

0.0%	0.0% #2B5024	RGB 43 80 36	#2B5024
16.7%	16.7% #3D6435	RGB 61 100 53	#3D6435
33.3%	33.3% #52794A	RGB 82 121 74	#52794A
50.0%	50.0% #6A8E62	RGB 106 142 98	#6A8E62
66.7%	66.7% #84A37E	RGB 132 163 126	#84A37E
83.3%	83.3% #A1B89D	RGB 161 184 157	#A1B89D
100.0%	100.0% #C2CDC0	RGB 194 205 192	#C2CDC0

#2B5024 #3D6435 #52794A #6A8E62 #84A37E #A1B89D #C2CDC0

#2C5024 - #6A8E62 - #C2CDC0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5024 0%, #6A8E62 50%, #C2CDC0 100%);
    background: -webkit-linear-gradient(top, #2B5024 0%, #6A8E62 50%, #C2CDC0 100%);
    background: linear-gradient(to bottom, #2B5024 0%, #6A8E62 50%, #C2CDC0 100%);
}
</style>