#5E5A8A - #D1CFDD | 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 #5E5A8A a #D1CFDD

#5E5A8A #D1CFDD

Calcule el color entre dos colores, #5E5A8A y #D1CFDD. 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)

#5E5A8A - #D1CFDD | 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 #5E5A8A como 0% y #D1CFDD como 100%.

0.0%	0.0% #5E5A8A	RGB 94 90 138	#5E5A8A
16.7%	16.7% #716D97	RGB 113 109 151	#716D97
33.3%	33.3% #8481A5	RGB 132 129 165	#8481A5
50.0%	50.0% #9794B3	RGB 151 148 179	#9794B3
66.7%	66.7% #AAA8C1	RGB 170 168 193	#AAA8C1
83.3%	83.3% #BDBBCF	RGB 189 187 207	#BDBBCF
100.0%	100.0% #D1CFDD	RGB 209 207 221	#D1CFDD

#5E5A8A #716D97 #8481A5 #9794B3 #AAA8C1 #BDBBCF #D1CFDD

#5E5A8A - #D1CFDD

Mezcla HSV

#5E5A8A - #D1CFDD | 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 #5E5A8A como 0% y #D1CFDD como 100%.

0.0%	0.0% #5E5A8A	RGB 94 90 138	#5E5A8A
16.7%	16.7% #6E6A97	RGB 110 106 151	#6E6A97
33.3%	33.3% #807BA5	RGB 128 123 165	#807BA5
50.0%	50.0% #928EB3	RGB 146 142 179	#928EB3
66.7%	66.7% #A6A2C1	RGB 166 162 193	#A6A2C1
83.3%	83.3% #BBB8CF	RGB 187 184 207	#BBB8CF
100.0%	100.0% #D1CFDD	RGB 209 207 221	#D1CFDD

#5E5A8A #6E6A97 #807BA5 #928EB3 #A6A2C1 #BBB8CF #D1CFDD

#5E5A8A - #928EB3 - #D1CFDD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A8A 0%, #928EB3 50%, #D1CFDD 100%);
    background: -webkit-linear-gradient(top, #5E5A8A 0%, #928EB3 50%, #D1CFDD 100%);
    background: linear-gradient(to bottom, #5E5A8A 0%, #928EB3 50%, #D1CFDD 100%);
}
</style>