#434165 - #C9C8D3 | 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 #434165 a #C9C8D3

#434165 #C9C8D3

Calcule el color entre dos colores, #434165 y #C9C8D3. 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)

#434165 - #C9C8D3 | 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 #434165 como 0% y #C9C8D3 como 100%.

0.0%	0.0% #434165	RGB 67 65 101	#434165
16.7%	16.7% #595777	RGB 89 87 119	#595777
33.3%	33.3% #6F6E89	RGB 111 110 137	#6F6E89
50.0%	50.0% #86849C	RGB 134 132 156	#86849C
66.7%	66.7% #9C9BAE	RGB 156 155 174	#9C9BAE
83.3%	83.3% #B2B1C0	RGB 178 177 192	#B2B1C0
100.0%	100.0% #C9C8D3	RGB 201 200 211	#C9C8D3

#434165 #595777 #6F6E89 #86849C #9C9BAE #B2B1C0 #C9C8D3

#434165 - #C9C8D3

Mezcla HSV

#434165 - #C9C8D3 | 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 #434165 como 0% y #C9C8D3 como 100%.

0.0%	0.0% #434165	RGB 67 65 101	#434165
16.7%	16.7% #555277	RGB 85 82 119	#555277
33.3%	33.3% #686689	RGB 104 102 137	#686689
50.0%	50.0% #7E7C9C	RGB 126 124 156	#7E7C9C
66.7%	66.7% #9593AE	RGB 149 147 174	#9593AE
83.3%	83.3% #AEACC0	RGB 174 172 192	#AEACC0
100.0%	100.0% #C9C8D3	RGB 201 200 211	#C9C8D3

#434165 #555277 #686689 #7E7C9C #9593AE #AEACC0 #C9C8D3

#434165 - #7E7C9C - #C9C8D3

Códigos CSS

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

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