#AB778C - #74283D | 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 #AB778C a #74283D

#AB778C #74283D

Calcule el color entre dos colores, #AB778C y #74283D. 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)

#AB778C - #74283D | 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 #AB778C como 0% y #74283D como 100%.

0.0%	0.0% #AB778C	RGB 171 119 140	#AB778C
16.7%	16.7% #A1697E	RGB 161 105 126	#A1697E
33.3%	33.3% #985C71	RGB 152 92 113	#985C71
50.0%	50.0% #8F4F64	RGB 143 79 100	#8F4F64
66.7%	66.7% #864257	RGB 134 66 87	#864257
83.3%	83.3% #7D354A	RGB 125 53 74	#7D354A
100.0%	100.0% #74283D	RGB 116 40 61	#74283D

#AB778C #A1697E #985C71 #8F4F64 #864257 #7D354A #74283D

#AB778C - #74283D

Mezcla HSV

#AB778C - #74283D | 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 #AB778C como 0% y #74283D como 100%.

0.0%	0.0% #AB778C	RGB 171 119 140	#AB778C
16.7%	16.7% #A1677D	RGB 161 103 125	#A1677D
33.3%	33.3% #98586F	RGB 152 88 111	#98586F
50.0%	50.0% #8F4A62	RGB 143 74 98	#8F4A62
66.7%	66.7% #863E55	RGB 134 62 85	#863E55
83.3%	83.3% #7D3248	RGB 125 50 72	#7D3248
100.0%	100.0% #74283D	RGB 116 40 61	#74283D

#AB778C #A1677D #98586F #8F4A62 #863E55 #7D3248 #74283D

#AB778C - #8F4A62 - #74283D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB778C 0%, #8F4A62 50%, #74283D 100%);
    background: -webkit-linear-gradient(top, #AB778C 0%, #8F4A62 50%, #74283D 100%);
    background: linear-gradient(to bottom, #AB778C 0%, #8F4A62 50%, #74283D 100%);
}
</style>