#2100A6 - #C0B6E5 | 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 #2100A6 a #C0B6E5

#2100A6 #C0B6E5

Calcule el color entre dos colores, #2100A6 y #C0B6E5. 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)

#2100A6 - #C0B6E5 | 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 #2100A6 como 0% y #C0B6E5 como 100%.

0.0%	0.0% #2100A6	RGB 33 0 166	#2100A6
16.7%	16.7% #3B1EB0	RGB 59 30 176	#3B1EB0
33.3%	33.3% #563CBB	RGB 86 60 187	#563CBB
50.0%	50.0% #705BC5	RGB 112 91 197	#705BC5
66.7%	66.7% #8B79D0	RGB 139 121 208	#8B79D0
83.3%	83.3% #A597DA	RGB 165 151 218	#A597DA
100.0%	100.0% #C0B6E5	RGB 192 182 229	#C0B6E5

#2100A6 #3B1EB0 #563CBB #705BC5 #8B79D0 #A597DA #C0B6E5

#2100A6 - #C0B6E5

Mezcla HSV

#2100A6 - #C0B6E5 | 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 #2100A6 como 0% y #C0B6E5 como 100%.

0.0%	0.0% #2000A6	RGB 32 0 166	#2000A6
16.7%	16.7% #3617B0	RGB 54 23 176	#3617B0
33.3%	33.3% #4D31BB	RGB 77 49 187	#4D31BB
50.0%	50.0% #664EC5	RGB 102 78 197	#664EC5
66.7%	66.7% #826ED0	RGB 130 110 208	#826ED0
83.3%	83.3% #A090DA	RGB 160 144 218	#A090DA
100.0%	100.0% #C0B6E5	RGB 192 182 229	#C0B6E5

#2000A6 #3617B0 #4D31BB #664EC5 #826ED0 #A090DA #C0B6E5

#2100A6 - #664EC5 - #C0B6E5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2000A6 0%, #664EC5 50%, #C0B6E5 100%);
    background: -webkit-linear-gradient(top, #2000A6 0%, #664EC5 50%, #C0B6E5 100%);
    background: linear-gradient(to bottom, #2000A6 0%, #664EC5 50%, #C0B6E5 100%);
}
</style>