#4C75A6 - #CBD7E5 | 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 #4C75A6 a #CBD7E5

#4C75A6 #CBD7E5

Calcule el color entre dos colores, #4C75A6 y #CBD7E5. 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)

#4C75A6 - #CBD7E5 | 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 #4C75A6 como 0% y #CBD7E5 como 100%.

0.0%	0.0% #4C75A6	RGB 76 117 166	#4C75A6
16.7%	16.7% #6185B0	RGB 97 133 176	#6185B0
33.3%	33.3% #7695BB	RGB 118 149 187	#7695BB
50.0%	50.0% #8BA6C5	RGB 139 166 197	#8BA6C5
66.7%	66.7% #A0B6D0	RGB 160 182 208	#A0B6D0
83.3%	83.3% #B5C6DA	RGB 181 198 218	#B5C6DA
100.0%	100.0% #CBD7E5	RGB 203 215 229	#CBD7E5

#4C75A6 #6185B0 #7695BB #8BA6C5 #A0B6D0 #B5C6DA #CBD7E5

#4C75A6 - #CBD7E5

Mezcla HSV

#4C75A6 - #CBD7E5 | 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 #4C75A6 como 0% y #CBD7E5 como 100%.

0.0%	0.0% #4C75A6	RGB 76 117 166	#4C75A6
16.7%	16.7% #5D83B0	RGB 93 131 176	#5D83B0
33.3%	33.3% #7092BB	RGB 112 146 187	#7092BB
50.0%	50.0% #84A2C5	RGB 132 162 197	#84A2C5
66.7%	66.7% #9AB3D0	RGB 154 179 208	#9AB3D0
83.3%	83.3% #B2C4DA	RGB 178 196 218	#B2C4DA
100.0%	100.0% #CBD7E5	RGB 203 215 229	#CBD7E5

#4C75A6 #5D83B0 #7092BB #84A2C5 #9AB3D0 #B2C4DA #CBD7E5

#4C75A6 - #84A2C5 - #CBD7E5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C75A6 0%, #84A2C5 50%, #CBD7E5 100%);
    background: -webkit-linear-gradient(top, #4C75A6 0%, #84A2C5 50%, #CBD7E5 100%);
    background: linear-gradient(to bottom, #4C75A6 0%, #84A2C5 50%, #CBD7E5 100%);
}
</style>