#758EB6 - #C9C8C6 | 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 #758EB6 a #C9C8C6

#758EB6 #C9C8C6

Calcule el color entre dos colores, #758EB6 y #C9C8C6. 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)

#758EB6 - #C9C8C6 | 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 #758EB6 como 0% y #C9C8C6 como 100%.

0.0%	0.0% #758EB6	RGB 117 142 182	#758EB6
16.7%	16.7% #8397B8	RGB 131 151 184	#8397B8
33.3%	33.3% #91A1BB	RGB 145 161 187	#91A1BB
50.0%	50.0% #9FABBE	RGB 159 171 190	#9FABBE
66.7%	66.7% #ADB4C0	RGB 173 180 192	#ADB4C0
83.3%	83.3% #BBBEC3	RGB 187 190 195	#BBBEC3
100.0%	100.0% #C9C8C6	RGB 201 200 198	#C9C8C6

#758EB6 #8397B8 #91A1BB #9FABBE #ADB4C0 #BBBEC3 #C9C8C6

#758EB6 - #C9C8C6

Mezcla HSV

#758EB6 - #C9C8C6 | 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 #758EB6 como 0% y #C9C8C6 como 100%.

0.0%	0.0% #758EB6	RGB 117 142 182	#758EB6
16.7%	16.7% #81B2B9	RGB 129 178 185	#81B2B9
33.3%	33.3% #8EBCAB	RGB 142 188 171	#8EBCAB
50.0%	50.0% #9BBFA0	RGB 155 191 160	#9BBFA0
66.7%	66.7% #B2C2A9	RGB 178 194 169	#B2C2A9
83.3%	83.3% #C3C5B7	RGB 195 197 183	#C3C5B7
100.0%	100.0% #C9C8C6	RGB 201 200 198	#C9C8C6

#758EB6 #81B2B9 #8EBCAB #9BBFA0 #B2C2A9 #C3C5B7 #C9C8C6

#758EB6 - #9BBFA0 - #C9C8C6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #758EB6 0%, #9BBFA0 50%, #C9C8C6 100%);
    background: -webkit-linear-gradient(top, #758EB6 0%, #9BBFA0 50%, #C9C8C6 100%);
    background: linear-gradient(to bottom, #758EB6 0%, #9BBFA0 50%, #C9C8C6 100%);
}
</style>