#3E114F - #C7BBCC | 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 #3E114F a #C7BBCC

#3E114F #C7BBCC

Calcule el color entre dos colores, #3E114F y #C7BBCC. 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)

#3E114F - #C7BBCC | 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 #3E114F como 0% y #C7BBCC como 100%.

0.0%	0.0% #3E114F	RGB 62 17 79	#3E114F
16.7%	16.7% #542D63	RGB 84 45 99	#542D63
33.3%	33.3% #6B4978	RGB 107 73 120	#6B4978
50.0%	50.0% #82668D	RGB 130 102 141	#82668D
66.7%	66.7% #9982A2	RGB 153 130 162	#9982A2
83.3%	83.3% #B09EB7	RGB 176 158 183	#B09EB7
100.0%	100.0% #C7BBCC	RGB 199 187 204	#C7BBCC

#3E114F #542D63 #6B4978 #82668D #9982A2 #B09EB7 #C7BBCC

#3E114F - #C7BBCC

Mezcla HSV

#3E114F - #C7BBCC | 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 #3E114F como 0% y #C7BBCC como 100%.

0.0%	0.0% #3E114F	RGB 62 17 79	#3E114F
16.7%	16.7% #512163	RGB 81 33 99	#512163
33.3%	33.3% #653678	RGB 101 54 120	#653678
50.0%	50.0% #7C508D	RGB 124 80 141	#7C508D
66.7%	66.7% #936EA2	RGB 147 110 162	#936EA2
83.3%	83.3% #AC92B7	RGB 172 146 183	#AC92B7
100.0%	100.0% #C7BBCC	RGB 199 187 204	#C7BBCC

#3E114F #512163 #653678 #7C508D #936EA2 #AC92B7 #C7BBCC

#3E114F - #7C508D - #C7BBCC

Códigos CSS

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

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