#144025 - #BBC8C0 | 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 #144025 a #BBC8C0

#144025 #BBC8C0

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

#144025 - #BBC8C0 | 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 #144025 como 0% y #BBC8C0 como 100%.

0.0%	0.0% #144025	RGB 20 64 37	#144025
16.7%	16.7% #2F563E	RGB 47 86 62	#2F563E
33.3%	33.3% #4B6D58	RGB 75 109 88	#4B6D58
50.0%	50.0% #678472	RGB 103 132 114	#678472
66.7%	66.7% #839A8C	RGB 131 154 140	#839A8C
83.3%	83.3% #9FB1A6	RGB 159 177 166	#9FB1A6
100.0%	100.0% #BBC8C0	RGB 187 200 192	#BBC8C0

#144025 #2F563E #4B6D58 #678472 #839A8C #9FB1A6 #BBC8C0

#144025 - #BBC8C0

Mezcla HSV

#144025 - #BBC8C0 | 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 #144025 como 0% y #BBC8C0 como 100%.

0.0%	0.0% #144025	RGB 20 64 37	#144025
16.7%	16.7% #245637	RGB 36 86 55	#245637
33.3%	33.3% #386D4D	RGB 56 109 77	#386D4D
50.0%	50.0% #528465	RGB 82 132 101	#528465
66.7%	66.7% #709A80	RGB 112 154 128	#709A80
83.3%	83.3% #93B19E	RGB 147 177 158	#93B19E
100.0%	100.0% #BBC8C0	RGB 187 200 192	#BBC8C0

#144025 #245637 #386D4D #528465 #709A80 #93B19E #BBC8C0

#144025 - #528465 - #BBC8C0

Códigos CSS

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

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