#474C8F - #CACBDF | 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 #474C8F a #CACBDF

#474C8F #CACBDF

Calcule el color entre dos colores, #474C8F y #CACBDF. 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)

#474C8F - #CACBDF | 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 #474C8F como 0% y #CACBDF como 100%.

0.0%	0.0% #474C8F	RGB 71 76 143	#474C8F
16.7%	16.7% #5C619C	RGB 92 97 156	#5C619C
33.3%	33.3% #7276A9	RGB 114 118 169	#7276A9
50.0%	50.0% #888BB7	RGB 136 139 183	#888BB7
66.7%	66.7% #9EA0C4	RGB 158 160 196	#9EA0C4
83.3%	83.3% #B4B5D1	RGB 180 181 209	#B4B5D1
100.0%	100.0% #CACBDF	RGB 202 203 223	#CACBDF

#474C8F #5C619C #7276A9 #888BB7 #9EA0C4 #B4B5D1 #CACBDF

#474C8F - #CACBDF

Mezcla HSV

#474C8F - #CACBDF | 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 #474C8F como 0% y #CACBDF como 100%.

0.0%	0.0% #474B8F	RGB 71 75 143	#474B8F
16.7%	16.7% #585C9C	RGB 88 92 156	#585C9C
33.3%	33.3% #6B6FA9	RGB 107 111 169	#6B6FA9
50.0%	50.0% #8083B7	RGB 128 131 183	#8083B7
66.7%	66.7% #9799C4	RGB 151 153 196	#9799C4
83.3%	83.3% #AFB1D1	RGB 175 177 209	#AFB1D1
100.0%	100.0% #CACBDF	RGB 202 203 223	#CACBDF

#474B8F #585C9C #6B6FA9 #8083B7 #9799C4 #AFB1D1 #CACBDF

#474C8F - #8083B7 - #CACBDF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474B8F 0%, #8083B7 50%, #CACBDF 100%);
    background: -webkit-linear-gradient(top, #474B8F 0%, #8083B7 50%, #CACBDF 100%);
    background: linear-gradient(to bottom, #474B8F 0%, #8083B7 50%, #CACBDF 100%);
}
</style>