#2B5034 - #C2CDC5 | 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 #2B5034 a #C2CDC5

#2B5034 #C2CDC5

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

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

0.0%	0.0% #2B5034	RGB 43 80 52	#2B5034
16.7%	16.7% #44644C	RGB 68 100 76	#44644C
33.3%	33.3% #5D7964	RGB 93 121 100	#5D7964
50.0%	50.0% #768E7C	RGB 118 142 124	#768E7C
66.7%	66.7% #8FA394	RGB 143 163 148	#8FA394
83.3%	83.3% #A8B8AC	RGB 168 184 172	#A8B8AC
100.0%	100.0% #C2CDC5	RGB 194 205 197	#C2CDC5

#2B5034 #44644C #5D7964 #768E7C #8FA394 #A8B8AC #C2CDC5

#2B5034 - #C2CDC5

Mezcla HSV

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

0.0%	0.0% #2B5034	RGB 43 80 52	#2B5034
16.7%	16.7% #3D6446	RGB 61 100 70	#3D6446
33.3%	33.3% #51795C	RGB 81 121 92	#51795C
50.0%	50.0% #698E73	RGB 105 142 115	#698E73
66.7%	66.7% #84A38C	RGB 132 163 140	#84A38C
83.3%	83.3% #A1B8A7	RGB 161 184 167	#A1B8A7
100.0%	100.0% #C2CDC5	RGB 194 205 197	#C2CDC5

#2B5034 #3D6446 #51795C #698E73 #84A38C #A1B8A7 #C2CDC5

#2B5034 - #698E73 - #C2CDC5

Códigos CSS

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

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