#7D3E5E - #D9C7D1 | 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 #7D3E5E a #D9C7D1

#7D3E5E #D9C7D1

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

#7D3E5E - #D9C7D1 | 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 #7D3E5E como 0% y #D9C7D1 como 100%.

0.0%	0.0% #7D3E5E	RGB 125 62 94	#7D3E5E
16.7%	16.7% #8C5471	RGB 140 84 113	#8C5471
33.3%	33.3% #9B6B84	RGB 155 107 132	#9B6B84
50.0%	50.0% #AB8297	RGB 171 130 151	#AB8297
66.7%	66.7% #BA99AA	RGB 186 153 170	#BA99AA
83.3%	83.3% #C9B0BD	RGB 201 176 189	#C9B0BD
100.0%	100.0% #D9C7D1	RGB 217 199 209	#D9C7D1

#7D3E5E #8C5471 #9B6B84 #AB8297 #BA99AA #C9B0BD #D9C7D1

#7D3E5E - #D9C7D1

Mezcla HSV

#7D3E5E - #D9C7D1 | 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 #7D3E5E como 0% y #D9C7D1 como 100%.

0.0%	0.0% #7D3E5D	RGB 125 62 93	#7D3E5D
16.7%	16.7% #8C4F6E	RGB 140 79 110	#8C4F6E
33.3%	33.3% #9B6380	RGB 155 99 128	#9B6380
50.0%	50.0% #AB7893	RGB 171 120 147	#AB7893
66.7%	66.7% #BA90A7	RGB 186 144 167	#BA90A7
83.3%	83.3% #C9AABB	RGB 201 170 187	#C9AABB
100.0%	100.0% #D9C7D1	RGB 217 199 209	#D9C7D1

#7D3E5D #8C4F6E #9B6380 #AB7893 #BA90A7 #C9AABB #D9C7D1

#7D3E5E - #AB7893 - #D9C7D1

Códigos CSS

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

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