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

#2A5024 #C2CDC0

Calcule el color entre dos colores, #2A5024 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)

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

0.0%	0.0% #2A5024	RGB 42 80 36	#2A5024
16.7%	16.7% #43643E	RGB 67 100 62	#43643E
33.3%	33.3% #5C7958	RGB 92 121 88	#5C7958
50.0%	50.0% #768E72	RGB 118 142 114	#768E72
66.7%	66.7% #8FA38C	RGB 143 163 140	#8FA38C
83.3%	83.3% #A8B8A6	RGB 168 184 166	#A8B8A6
100.0%	100.0% #C2CDC0	RGB 194 205 192	#C2CDC0

#2A5024 #43643E #5C7958 #768E72 #8FA38C #A8B8A6 #C2CDC0

#2A5024 - #C2CDC0

Mezcla HSV

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

0.0%	0.0% #2A5024	RGB 42 80 36	#2A5024
16.7%	16.7% #3C6435	RGB 60 100 53	#3C6435
33.3%	33.3% #51794A	RGB 81 121 74	#51794A
50.0%	50.0% #698E62	RGB 105 142 98	#698E62
66.7%	66.7% #83A37E	RGB 131 163 126	#83A37E
83.3%	83.3% #A1B89D	RGB 161 184 157	#A1B89D
100.0%	100.0% #C2CDC0	RGB 194 205 192	#C2CDC0

#2A5024 #3C6435 #51794A #698E62 #83A37E #A1B89D #C2CDC0

#2A5024 - #698E62 - #C2CDC0

Códigos CSS

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

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