#DAB6B3 - #BB5E5E | 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 #DAB6B3 a #BB5E5E

#DAB6B3 #BB5E5E

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

#DAB6B3 - #BB5E5E | 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 #DAB6B3 como 0% y #BB5E5E como 100%.

0.0%	0.0% #DAB6B3	RGB 218 182 179	#DAB6B3
16.7%	16.7% #D4A7A4	RGB 212 167 164	#D4A7A4
33.3%	33.3% #CF9896	RGB 207 152 150	#CF9896
50.0%	50.0% #CA8A88	RGB 202 138 136	#CA8A88
66.7%	66.7% #C57B7A	RGB 197 123 122	#C57B7A
83.3%	83.3% #C06C6C	RGB 192 108 108	#C06C6C
100.0%	100.0% #BB5E5E	RGB 187 94 94	#BB5E5E

#DAB6B3 #D4A7A4 #CF9896 #CA8A88 #C57B7A #C06C6C #BB5E5E

#DAB6B3 - #BB5E5E

Mezcla HSV

#DAB6B3 - #BB5E5E | 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 #DAB6B3 como 0% y #BB5E5E como 100%.

0.0%	0.0% #DAB6B3	RGB 218 182 179	#DAB6B3
16.7%	16.7% #D4A6A3	RGB 212 166 163	#D4A6A3
33.3%	33.3% #CF9794	RGB 207 151 148	#CF9794
50.0%	50.0% #CA8886	RGB 202 136 134	#CA8886
66.7%	66.7% #C57A78	RGB 197 122 120	#C57A78
83.3%	83.3% #C06B6A	RGB 192 107 106	#C06B6A
100.0%	100.0% #BB5E5E	RGB 187 94 94	#BB5E5E

#DAB6B3 #D4A6A3 #CF9794 #CA8886 #C57A78 #C06B6A #BB5E5E

#DAB6B3 - #CA8886 - #BB5E5E

Códigos CSS

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

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