#224747 - #BFCACA | 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 #224747 a #BFCACA

#224747 #BFCACA

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

#224747 - #BFCACA | 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 #224747 como 0% y #BFCACA como 100%.

0.0%	0.0% #224747	RGB 34 71 71	#224747
16.7%	16.7% #3C5C5C	RGB 60 92 92	#3C5C5C
33.3%	33.3% #567272	RGB 86 114 114	#567272
50.0%	50.0% #708888	RGB 112 136 136	#708888
66.7%	66.7% #8A9E9E	RGB 138 158 158	#8A9E9E
83.3%	83.3% #A4B4B4	RGB 164 180 180	#A4B4B4
100.0%	100.0% #BFCACA	RGB 191 202 202	#BFCACA

#224747 #3C5C5C #567272 #708888 #8A9E9E #A4B4B4 #BFCACA

#224747 - #BFCACA

Mezcla HSV

#224747 - #BFCACA | 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 #224747 como 0% y #BFCACA como 100%.

0.0%	0.0% #224747	RGB 34 71 71	#224747
16.7%	16.7% #335C5C	RGB 51 92 92	#335C5C
33.3%	33.3% #487272	RGB 72 114 114	#487272
50.0%	50.0% #618888	RGB 97 136 136	#618888
66.7%	66.7% #7D9E9E	RGB 125 158 158	#7D9E9E
83.3%	83.3% #9CB4B4	RGB 156 180 180	#9CB4B4
100.0%	100.0% #BFCACA	RGB 191 202 202	#BFCACA

#224747 #335C5C #487272 #618888 #7D9E9E #9CB4B4 #BFCACA

#224747 - #618888 - #BFCACA

Códigos CSS

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

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