#6B3150 - #D4C4CD | 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 #6B3150 a #D4C4CD

#6B3150 #D4C4CD

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

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

0.0%	0.0% #6B3150	RGB 107 49 80	#6B3150
16.7%	16.7% #7C4964	RGB 124 73 100	#7C4964
33.3%	33.3% #8E6279	RGB 142 98 121	#8E6279
50.0%	50.0% #9F7A8E	RGB 159 122 142	#9F7A8E
66.7%	66.7% #B193A3	RGB 177 147 163	#B193A3
83.3%	83.3% #C2ABB8	RGB 194 171 184	#C2ABB8
100.0%	100.0% #D4C4CD	RGB 212 196 205	#D4C4CD

#6B3150 #7C4964 #8E6279 #9F7A8E #B193A3 #C2ABB8 #D4C4CD

#6B3150 - #D4C4CD

Mezcla HSV

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

0.0%	0.0% #6B3150	RGB 107 49 80	#6B3150
16.7%	16.7% #7C4261	RGB 124 66 97	#7C4261
33.3%	33.3% #8E5774	RGB 142 87 116	#8E5774
50.0%	50.0% #9F6E89	RGB 159 110 137	#9F6E89
66.7%	66.7% #B1889E	RGB 177 136 158	#B1889E
83.3%	83.3% #C2A4B5	RGB 194 164 181	#C2A4B5
100.0%	100.0% #D4C4CD	RGB 212 196 205	#D4C4CD

#6B3150 #7C4261 #8E5774 #9F6E89 #B1889E #C2A4B5 #D4C4CD

#6B3150 - #9F6E89 - #D4C4CD

Códigos CSS

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

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