#9A95A2 - #FFD1A6 | 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 #9A95A2 a #FFD1A6

#9A95A2 #FFD1A6

Calcule el color entre dos colores, #9A95A2 y #FFD1A6. 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)

#9A95A2 - #FFD1A6 | 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 #9A95A2 como 0% y #FFD1A6 como 100%.

0.0%	0.0% #9A95A2	RGB 154 149 162	#9A95A2
16.7%	16.7% #AA9FA2	RGB 170 159 162	#AA9FA2
33.3%	33.3% #BBA9A3	RGB 187 169 163	#BBA9A3
50.0%	50.0% #CCB3A4	RGB 204 179 164	#CCB3A4
66.7%	66.7% #DDBDA4	RGB 221 189 164	#DDBDA4
83.3%	83.3% #EEC7A5	RGB 238 199 165	#EEC7A5
100.0%	100.0% #FFD1A6	RGB 255 209 166	#FFD1A6

#9A95A2 #AA9FA2 #BBA9A3 #CCB3A4 #DDBDA4 #EEC7A5 #FFD1A6

#9A95A2 - #FFD1A6

Mezcla HSV

#9A95A2 - #FFD1A6 | 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 #9A95A2 como 0% y #FFD1A6 como 100%.

0.0%	0.0% #9A95A2	RGB 154 149 162	#9A95A2
16.7%	16.7% #AB9BB1	RGB 171 155 177	#AB9BB1
33.3%	33.3% #C1A0BE	RGB 193 160 190	#C1A0BE
50.0%	50.0% #D0A3BD	RGB 208 163 189	#D0A3BD
66.7%	66.7% #E0A5B2	RGB 224 165 178	#E0A5B2
83.3%	83.3% #EFB0A6	RGB 239 176 166	#EFB0A6
100.0%	100.0% #FFD1A6	RGB 255 209 166	#FFD1A6

#9A95A2 #AB9BB1 #C1A0BE #D0A3BD #E0A5B2 #EFB0A6 #FFD1A6

#9A95A2 - #D0A3BD - #FFD1A6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A95A2 0%, #D0A3BD 50%, #FFD1A6 100%);
    background: -webkit-linear-gradient(top, #9A95A2 0%, #D0A3BD 50%, #FFD1A6 100%);
    background: linear-gradient(to bottom, #9A95A2 0%, #D0A3BD 50%, #FFD1A6 100%);
}
</style>