#6D6980 - #FFB392 | 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 #6D6980 a #FFB392

#6D6980 #FFB392

Calcule el color entre dos colores, #6D6980 y #FFB392. 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)

#6D6980 - #FFB392 | 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 #6D6980 como 0% y #FFB392 como 100%.

0.0%	0.0% #6D6980	RGB 109 105 128	#6D6980
16.7%	16.7% #857583	RGB 133 117 131	#857583
33.3%	33.3% #9D8186	RGB 157 129 134	#9D8186
50.0%	50.0% #B68E89	RGB 182 142 137	#B68E89
66.7%	66.7% #CE9A8C	RGB 206 154 140	#CE9A8C
83.3%	83.3% #E6A68F	RGB 230 166 143	#E6A68F
100.0%	100.0% #FFB392	RGB 255 179 146	#FFB392

#6D6980 #857583 #9D8186 #B68E89 #CE9A8C #E6A68F #FFB392

#6D6980 - #FFB392

Mezcla HSV

#6D6980 - #FFB392 | 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 #6D6980 como 0% y #FFB392 como 100%.

0.0%	0.0% #6D6980	RGB 109 105 128	#6D6980
16.7%	16.7% #857495	RGB 133 116 149	#857495
33.3%	33.3% #A57DAA	RGB 165 125 170	#A57DAA
50.0%	50.0% #BF85B1	RGB 191 133 177	#BF85B1
66.7%	66.7% #D48BA9	RGB 212 139 169	#D48BA9
83.3%	83.3% #E98F94	RGB 233 143 148	#E98F94
100.0%	100.0% #FFB392	RGB 255 179 146	#FFB392

#6D6980 #857495 #A57DAA #BF85B1 #D48BA9 #E98F94 #FFB392

#6D6980 - #BF85B1 - #FFB392

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D6980 0%, #BF85B1 50%, #FFB392 100%);
    background: -webkit-linear-gradient(top, #6D6980 0%, #BF85B1 50%, #FFB392 100%);
    background: linear-gradient(to bottom, #6D6980 0%, #BF85B1 50%, #FFB392 100%);
}
</style>