#DB9F7B - #3E2D23 | 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 #DB9F7B a #3E2D23

#DB9F7B #3E2D23

Calcule el color entre dos colores, #DB9F7B y #3E2D23. 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)

#DB9F7B - #3E2D23 | 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 #DB9F7B como 0% y #3E2D23 como 100%.

0.0%	0.0% #DB9F7B	RGB 219 159 123	#DB9F7B
16.7%	16.7% #C08C6C	RGB 192 140 108	#C08C6C
33.3%	33.3% #A6795D	RGB 166 121 93	#A6795D
50.0%	50.0% #8C664F	RGB 140 102 79	#8C664F
66.7%	66.7% #725340	RGB 114 83 64	#725340
83.3%	83.3% #584031	RGB 88 64 49	#584031
100.0%	100.0% #3E2D23	RGB 62 45 35	#3E2D23

#DB9F7B #C08C6C #A6795D #8C664F #725340 #584031 #3E2D23

#DB9F7B - #3E2D23

Mezcla HSV

#DB9F7B - #3E2D23 | 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 #DB9F7B como 0% y #3E2D23 como 100%.

0.0%	0.0% #DB9F7B	RGB 219 159 123	#DB9F7B
16.7%	16.7% #C08B6C	RGB 192 139 108	#C08B6C
33.3%	33.3% #A6785D	RGB 166 120 93	#A6785D
50.0%	50.0% #8C654F	RGB 140 101 79	#8C654F
66.7%	66.7% #725240	RGB 114 82 64	#725240
83.3%	83.3% #583F31	RGB 88 63 49	#583F31
100.0%	100.0% #3E2D23	RGB 62 45 35	#3E2D23

#DB9F7B #C08B6C #A6785D #8C654F #725240 #583F31 #3E2D23

#DB9F7B - #8C654F - #3E2D23

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB9F7B 0%, #8C654F 50%, #3E2D23 100%);
    background: -webkit-linear-gradient(top, #DB9F7B 0%, #8C654F 50%, #3E2D23 100%);
    background: linear-gradient(to bottom, #DB9F7B 0%, #8C654F 50%, #3E2D23 100%);
}
</style>