#622B2B - #C06B4E | 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 #622B2B a #C06B4E

#622B2B #C06B4E

Calcule el color entre dos colores, #622B2B y #C06B4E. 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)

#622B2B - #C06B4E | 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 #622B2B como 0% y #C06B4E como 100%.

0.0%	0.0% #622B2B	RGB 98 43 43	#622B2B
16.7%	16.7% #713530	RGB 113 53 48	#713530
33.3%	33.3% #814036	RGB 129 64 54	#814036
50.0%	50.0% #914B3C	RGB 145 75 60	#914B3C
66.7%	66.7% #A05542	RGB 160 85 66	#A05542
83.3%	83.3% #B06048	RGB 176 96 72	#B06048
100.0%	100.0% #C06B4E	RGB 192 107 78	#C06B4E

#622B2B #713530 #814036 #914B3C #A05542 #B06048 #C06B4E

#622B2B - #C06B4E

Mezcla HSV

#622B2B - #C06B4E | 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 #622B2B como 0% y #C06B4E como 100%.

0.0%	0.0% #622B2B	RGB 98 43 43	#622B2B
16.7%	16.7% #713331	RGB 113 51 49	#713331
33.3%	33.3% #813D37	RGB 129 61 55	#813D37
50.0%	50.0% #91473D	RGB 145 71 61	#91473D
66.7%	66.7% #A05243	RGB 160 82 67	#A05243
83.3%	83.3% #B05E48	RGB 176 94 72	#B05E48
100.0%	100.0% #C06B4E	RGB 192 107 78	#C06B4E

#622B2B #713331 #813D37 #91473D #A05243 #B05E48 #C06B4E

#622B2B - #91473D - #C06B4E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #622B2B 0%, #91473D 50%, #C06B4E 100%);
    background: -webkit-linear-gradient(top, #622B2B 0%, #91473D 50%, #C06B4E 100%);
    background: linear-gradient(to bottom, #622B2B 0%, #91473D 50%, #C06B4E 100%);
}
</style>