#595C82 - #CFD0DB | 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 #595C82 a #CFD0DB

#595C82 #CFD0DB

Calcule el color entre dos colores, #595C82 y #CFD0DB. 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)

#595C82 - #CFD0DB | 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 #595C82 como 0% y #CFD0DB como 100%.

0.0%	0.0% #595C82	RGB 89 92 130	#595C82
16.7%	16.7% #6C6F90	RGB 108 111 144	#6C6F90
33.3%	33.3% #80829F	RGB 128 130 159	#80829F
50.0%	50.0% #9496AE	RGB 148 150 174	#9496AE
66.7%	66.7% #A7A9BD	RGB 167 169 189	#A7A9BD
83.3%	83.3% #BBBCCC	RGB 187 188 204	#BBBCCC
100.0%	100.0% #CFD0DB	RGB 207 208 219	#CFD0DB

#595C82 #6C6F90 #80829F #9496AE #A7A9BD #BBBCCC #CFD0DB

#595C82 - #CFD0DB

Mezcla HSV

#595C82 - #CFD0DB | 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 #595C82 como 0% y #CFD0DB como 100%.

0.0%	0.0% #595B82	RGB 89 91 130	#595B82
16.7%	16.7% #696C90	RGB 105 108 144	#696C90
33.3%	33.3% #7B7D9F	RGB 123 125 159	#7B7D9F
50.0%	50.0% #8E90AE	RGB 142 144 174	#8E90AE
66.7%	66.7% #A2A4BD	RGB 162 164 189	#A2A4BD
83.3%	83.3% #B8B9CC	RGB 184 185 204	#B8B9CC
100.0%	100.0% #CFD0DB	RGB 207 208 219	#CFD0DB

#595B82 #696C90 #7B7D9F #8E90AE #A2A4BD #B8B9CC #CFD0DB

#595C82 - #8E90AE - #CFD0DB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #595B82 0%, #8E90AE 50%, #CFD0DB 100%);
    background: -webkit-linear-gradient(top, #595B82 0%, #8E90AE 50%, #CFD0DB 100%);
    background: linear-gradient(to bottom, #595B82 0%, #8E90AE 50%, #CFD0DB 100%);
}
</style>