#4D3E6B - #CCC7D4 | 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 #4D3E6B a #CCC7D4

#4D3E6B #CCC7D4

Calcule el color entre dos colores, #4D3E6B y #CCC7D4. 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)

#4D3E6B - #CCC7D4 | 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 #4D3E6B como 0% y #CCC7D4 como 100%.

0.0%	0.0% #4D3E6B	RGB 77 62 107	#4D3E6B
16.7%	16.7% #62547C	RGB 98 84 124	#62547C
33.3%	33.3% #776B8E	RGB 119 107 142	#776B8E
50.0%	50.0% #8C829F	RGB 140 130 159	#8C829F
66.7%	66.7% #A199B1	RGB 161 153 177	#A199B1
83.3%	83.3% #B6B0C2	RGB 182 176 194	#B6B0C2
100.0%	100.0% #CCC7D4	RGB 204 199 212	#CCC7D4

#4D3E6B #62547C #776B8E #8C829F #A199B1 #B6B0C2 #CCC7D4

#4D3E6B - #CCC7D4

Mezcla HSV

#4D3E6B - #CCC7D4 | 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 #4D3E6B como 0% y #CCC7D4 como 100%.

0.0%	0.0% #4D3E6B	RGB 77 62 107	#4D3E6B
16.7%	16.7% #5E4F7C	RGB 94 79 124	#5E4F7C
33.3%	33.3% #72638E	RGB 114 99 142	#72638E
50.0%	50.0% #86799F	RGB 134 121 159	#86799F
66.7%	66.7% #9C90B1	RGB 156 144 177	#9C90B1
83.3%	83.3% #B3AAC2	RGB 179 170 194	#B3AAC2
100.0%	100.0% #CCC7D4	RGB 204 199 212	#CCC7D4

#4D3E6B #5E4F7C #72638E #86799F #9C90B1 #B3AAC2 #CCC7D4

#4D3E6B - #86799F - #CCC7D4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E6B 0%, #86799F 50%, #CCC7D4 100%);
    background: -webkit-linear-gradient(top, #4D3E6B 0%, #86799F 50%, #CCC7D4 100%);
    background: linear-gradient(to bottom, #4D3E6B 0%, #86799F 50%, #CCC7D4 100%);
}
</style>