#7C74AC - #D9D7E7 | 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 #7C74AC a #D9D7E7

#7C74AC #D9D7E7

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

#7C74AC - #D9D7E7 | 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 #7C74AC como 0% y #D9D7E7 como 100%.

0.0%	0.0% #7C74AC	RGB 124 116 172	#7C74AC
16.7%	16.7% #8B84B5	RGB 139 132 181	#8B84B5
33.3%	33.3% #9B95BF	RGB 155 149 191	#9B95BF
50.0%	50.0% #AAA5C9	RGB 170 165 201	#AAA5C9
66.7%	66.7% #BAB6D3	RGB 186 182 211	#BAB6D3
83.3%	83.3% #C9C6DD	RGB 201 198 221	#C9C6DD
100.0%	100.0% #D9D7E7	RGB 217 215 231	#D9D7E7

#7C74AC #8B84B5 #9B95BF #AAA5C9 #BAB6D3 #C9C6DD #D9D7E7

#7C74AC - #D9D7E7

Mezcla HSV

#7C74AC - #D9D7E7 | 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 #7C74AC como 0% y #D9D7E7 como 100%.

0.0%	0.0% #7C74AC	RGB 124 116 172	#7C74AC
16.7%	16.7% #8982B5	RGB 137 130 181	#8982B5
33.3%	33.3% #9791BF	RGB 151 145 191	#9791BF
50.0%	50.0% #A7A1C9	RGB 167 161 201	#A7A1C9
66.7%	66.7% #B6B2D3	RGB 182 178 211	#B6B2D3
83.3%	83.3% #C7C4DD	RGB 199 196 221	#C7C4DD
100.0%	100.0% #D9D7E7	RGB 217 215 231	#D9D7E7

#7C74AC #8982B5 #9791BF #A7A1C9 #B6B2D3 #C7C4DD #D9D7E7

#7C74AC - #A7A1C9 - #D9D7E7

Códigos CSS

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

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