#C4C7D1 - #697C92 | 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 #C4C7D1 a #697C92

#C4C7D1 #697C92

Calcule el color entre dos colores, #C4C7D1 y #697C92. 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)

#C4C7D1 - #697C92 | 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 #C4C7D1 como 0% y #697C92 como 100%.

0.0%	0.0% #C4C7D1	RGB 196 199 209	#C4C7D1
16.7%	16.7% #B4BAC6	RGB 180 186 198	#B4BAC6
33.3%	33.3% #A5AEBC	RGB 165 174 188	#A5AEBC
50.0%	50.0% #96A1B1	RGB 150 161 177	#96A1B1
66.7%	66.7% #8795A7	RGB 135 149 167	#8795A7
83.3%	83.3% #78889C	RGB 120 136 156	#78889C
100.0%	100.0% #697C92	RGB 105 124 146	#697C92

#C4C7D1 #B4BAC6 #A5AEBC #96A1B1 #8795A7 #78889C #697C92

#C4C7D1 - #697C92

Mezcla HSV

#C4C7D1 - #697C92 | 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 #C4C7D1 como 0% y #697C92 como 100%.

0.0%	0.0% #C4C7D1	RGB 196 199 209	#C4C7D1
16.7%	16.7% #B2B8C6	RGB 178 184 198	#B2B8C6
33.3%	33.3% #A2AABC	RGB 162 170 188	#A2AABC
50.0%	50.0% #939DB1	RGB 147 157 177	#939DB1
66.7%	66.7% #8491A7	RGB 132 145 167	#8491A7
83.3%	83.3% #76869C	RGB 118 134 156	#76869C
100.0%	100.0% #697C92	RGB 105 124 146	#697C92

#C4C7D1 #B2B8C6 #A2AABC #939DB1 #8491A7 #76869C #697C92

#C4C7D1 - #939DB1 - #697C92

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4C7D1 0%, #939DB1 50%, #697C92 100%);
    background: -webkit-linear-gradient(top, #C4C7D1 0%, #939DB1 50%, #697C92 100%);
    background: linear-gradient(to bottom, #C4C7D1 0%, #939DB1 50%, #697C92 100%);
}
</style>