#585E9D - #CFD1E3 | 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 #585E9D a #CFD1E3

#585E9D #CFD1E3

Calcule el color entre dos colores, #585E9D y #CFD1E3. 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)

#585E9D - #CFD1E3 | 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 #585E9D como 0% y #CFD1E3 como 100%.

0.0%	0.0% #585E9D	RGB 88 94 157	#585E9D
16.7%	16.7% #6B71A8	RGB 107 113 168	#6B71A8
33.3%	33.3% #7F84B4	RGB 127 132 180	#7F84B4
50.0%	50.0% #9397C0	RGB 147 151 192	#9397C0
66.7%	66.7% #A7AACB	RGB 167 170 203	#A7AACB
83.3%	83.3% #BBBDD7	RGB 187 189 215	#BBBDD7
100.0%	100.0% #CFD1E3	RGB 207 209 227	#CFD1E3

#585E9D #6B71A8 #7F84B4 #9397C0 #A7AACB #BBBDD7 #CFD1E3

#585E9D - #CFD1E3

Mezcla HSV

#585E9D - #CFD1E3 | 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 #585E9D como 0% y #CFD1E3 como 100%.

0.0%	0.0% #585D9D	RGB 88 93 157	#585D9D
16.7%	16.7% #686EA8	RGB 104 110 168	#686EA8
33.3%	33.3% #7A7FB4	RGB 122 127 180	#7A7FB4
50.0%	50.0% #8D92C0	RGB 141 146 192	#8D92C0
66.7%	66.7% #A1A5CB	RGB 161 165 203	#A1A5CB
83.3%	83.3% #B7BAD7	RGB 183 186 215	#B7BAD7
100.0%	100.0% #CFD1E3	RGB 207 209 227	#CFD1E3

#585D9D #686EA8 #7A7FB4 #8D92C0 #A1A5CB #B7BAD7 #CFD1E3

#585E9D - #8D92C0 - #CFD1E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #585D9D 0%, #8D92C0 50%, #CFD1E3 100%);
    background: -webkit-linear-gradient(top, #585D9D 0%, #8D92C0 50%, #CFD1E3 100%);
    background: linear-gradient(to bottom, #585D9D 0%, #8D92C0 50%, #CFD1E3 100%);
}
</style>