#566D9C - #CED5E2 | 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 #566D9C a #CED5E2

#566D9C #CED5E2

Calcule el color entre dos colores, #566D9C y #CED5E2. 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)

#566D9C - #CED5E2 | 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 #566D9C como 0% y #CED5E2 como 100%.

0.0%	0.0% #566D9C	RGB 86 109 156	#566D9C
16.7%	16.7% #6A7EA7	RGB 106 126 167	#6A7EA7
33.3%	33.3% #7E8FB3	RGB 126 143 179	#7E8FB3
50.0%	50.0% #92A1BF	RGB 146 161 191	#92A1BF
66.7%	66.7% #A6B2CA	RGB 166 178 202	#A6B2CA
83.3%	83.3% #BAC3D6	RGB 186 195 214	#BAC3D6
100.0%	100.0% #CED5E2	RGB 206 213 226	#CED5E2

#566D9C #6A7EA7 #7E8FB3 #92A1BF #A6B2CA #BAC3D6 #CED5E2

#566D9C - #CED5E2

Mezcla HSV

#566D9C - #CED5E2 | 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 #566D9C como 0% y #CED5E2 como 100%.

0.0%	0.0% #566D9C	RGB 86 109 156	#566D9C
16.7%	16.7% #667CA7	RGB 102 124 167	#667CA7
33.3%	33.3% #788CB3	RGB 120 140 179	#788CB3
50.0%	50.0% #8B9DBF	RGB 139 157 191	#8B9DBF
66.7%	66.7% #A0AECA	RGB 160 174 202	#A0AECA
83.3%	83.3% #B6C1D6	RGB 182 193 214	#B6C1D6
100.0%	100.0% #CED5E2	RGB 206 213 226	#CED5E2

#566D9C #667CA7 #788CB3 #8B9DBF #A0AECA #B6C1D6 #CED5E2

#566D9C - #8B9DBF - #CED5E2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #566D9C 0%, #8B9DBF 50%, #CED5E2 100%);
    background: -webkit-linear-gradient(top, #566D9C 0%, #8B9DBF 50%, #CED5E2 100%);
    background: linear-gradient(to bottom, #566D9C 0%, #8B9DBF 50%, #CED5E2 100%);
}
</style>