#7E7BA9 - #FFC4B5 | 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 #7E7BA9 a #FFC4B5

#7E7BA9 #FFC4B5

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

#7E7BA9 - #FFC4B5 | 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 #7E7BA9 como 0% y #FFC4B5 como 100%.

0.0%	0.0% #7E7BA9	RGB 126 123 169	#7E7BA9
16.7%	16.7% #9387AB	RGB 147 135 171	#9387AB
33.3%	33.3% #A993AD	RGB 169 147 173	#A993AD
50.0%	50.0% #BE9FAF	RGB 190 159 175	#BE9FAF
66.7%	66.7% #D4ABB1	RGB 212 171 177	#D4ABB1
83.3%	83.3% #E9B7B3	RGB 233 183 179	#E9B7B3
100.0%	100.0% #FFC4B5	RGB 255 196 181	#FFC4B5

#7E7BA9 #9387AB #A993AD #BE9FAF #D4ABB1 #E9B7B3 #FFC4B5

#7E7BA9 - #FFC4B5

Mezcla HSV

#7E7BA9 - #FFC4B5 | 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 #7E7BA9 como 0% y #FFC4B5 como 100%.

0.0%	0.0% #7E7BA9	RGB 126 123 169	#7E7BA9
16.7%	16.7% #9A84B7	RGB 154 132 183	#9A84B7
33.3%	33.3% #B98EC5	RGB 185 142 197	#B98EC5
50.0%	50.0% #D498CC	RGB 212 152 204	#D498CC
66.7%	66.7% #E2A2C2	RGB 226 162 194	#E2A2C2
83.3%	83.3% #F0ABB6	RGB 240 171 182	#F0ABB6
100.0%	100.0% #FFC4B5	RGB 255 196 181	#FFC4B5

#7E7BA9 #9A84B7 #B98EC5 #D498CC #E2A2C2 #F0ABB6 #FFC4B5

#7E7BA9 - #D498CC - #FFC4B5

Códigos CSS

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

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