#8F5D62 - #DFD0D2 | 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 #8F5D62 a #DFD0D2

#8F5D62 #DFD0D2

Calcule el color entre dos colores, #8F5D62 y #DFD0D2. 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)

#8F5D62 - #DFD0D2 | 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 #8F5D62 como 0% y #DFD0D2 como 100%.

0.0%	0.0% #8F5D62	RGB 143 93 98	#8F5D62
16.7%	16.7% #9C7074	RGB 156 112 116	#9C7074
33.3%	33.3% #A98387	RGB 169 131 135	#A98387
50.0%	50.0% #B7969A	RGB 183 150 154	#B7969A
66.7%	66.7% #C4A9AC	RGB 196 169 172	#C4A9AC
83.3%	83.3% #D1BCBF	RGB 209 188 191	#D1BCBF
100.0%	100.0% #DFD0D2	RGB 223 208 210	#DFD0D2

#8F5D62 #9C7074 #A98387 #B7969A #C4A9AC #D1BCBF #DFD0D2

#8F5D62 - #DFD0D2

Mezcla HSV

#8F5D62 - #DFD0D2 | 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 #8F5D62 como 0% y #DFD0D2 como 100%.

0.0%	0.0% #8F5D62	RGB 143 93 98	#8F5D62
16.7%	16.7% #9C6D72	RGB 156 109 114	#9C6D72
33.3%	33.3% #A97E83	RGB 169 126 131	#A97E83
50.0%	50.0% #B79095	RGB 183 144 149	#B79095
66.7%	66.7% #C4A4A8	RGB 196 164 168	#C4A4A8
83.3%	83.3% #D1B9BC	RGB 209 185 188	#D1B9BC
100.0%	100.0% #DFD0D2	RGB 223 208 210	#DFD0D2

#8F5D62 #9C6D72 #A97E83 #B79095 #C4A4A8 #D1B9BC #DFD0D2

#8F5D62 - #B79095 - #DFD0D2

Códigos CSS

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

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