#D9A2D6 - #3E2E3C | 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 #D9A2D6 a #3E2E3C

#D9A2D6 #3E2E3C

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

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

0.0%	0.0% #D9A2D6	RGB 217 162 214	#D9A2D6
16.7%	16.7% #BF8EBC	RGB 191 142 188	#BF8EBC
33.3%	33.3% #A57BA2	RGB 165 123 162	#A57BA2
50.0%	50.0% #8B6889	RGB 139 104 137	#8B6889
66.7%	66.7% #71546F	RGB 113 84 111	#71546F
83.3%	83.3% #574155	RGB 87 65 85	#574155
100.0%	100.0% #3E2E3C	RGB 62 46 60	#3E2E3C

#D9A2D6 #BF8EBC #A57BA2 #8B6889 #71546F #574155 #3E2E3C

#D9A2D6 - #3E2E3C

Mezcla HSV

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

0.0%	0.0% #D9A2D6	RGB 217 162 214	#D9A2D6
16.7%	16.7% #BF8EBB	RGB 191 142 187	#BF8EBB
33.3%	33.3% #A57BA2	RGB 165 123 162	#A57BA2
50.0%	50.0% #8B6788	RGB 139 103 136	#8B6788
66.7%	66.7% #71546E	RGB 113 84 110	#71546E
83.3%	83.3% #574155	RGB 87 65 85	#574155
100.0%	100.0% #3E2E3C	RGB 62 46 60	#3E2E3C

#D9A2D6 #BF8EBB #A57BA2 #8B6788 #71546E #574155 #3E2E3C

#D9A2D6 - #8B6788 - #3E2E3C

Códigos CSS

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

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