#2D2B5C - #C3C2D0 | 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 #2D2B5C a #C3C2D0

#2D2B5C #C3C2D0

Calcule el color entre dos colores, #2D2B5C y #C3C2D0. 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)

#2D2B5C - #C3C2D0 | 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 #2D2B5C como 0% y #C3C2D0 como 100%.

0.0%	0.0% #2D2B5C	RGB 45 43 92	#2D2B5C
16.7%	16.7% #46446F	RGB 70 68 111	#46446F
33.3%	33.3% #5F5D82	RGB 95 93 130	#5F5D82
50.0%	50.0% #787696	RGB 120 118 150	#787696
66.7%	66.7% #918FA9	RGB 145 143 169	#918FA9
83.3%	83.3% #AAA8BC	RGB 170 168 188	#AAA8BC
100.0%	100.0% #C3C2D0	RGB 195 194 208	#C3C2D0

#2D2B5C #46446F #5F5D82 #787696 #918FA9 #AAA8BC #C3C2D0

#2D2B5C - #C3C2D0

Mezcla HSV

#2D2B5C - #C3C2D0 | 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 #2D2B5C como 0% y #C3C2D0 como 100%.

0.0%	0.0% #2C2B5C	RGB 44 43 92	#2C2B5C
16.7%	16.7% #3E3C6F	RGB 62 60 111	#3E3C6F
33.3%	33.3% #535182	RGB 83 81 130	#535182
50.0%	50.0% #6B6996	RGB 107 105 150	#6B6996
66.7%	66.7% #8583A9	RGB 133 131 169	#8583A9
83.3%	83.3% #A3A1BC	RGB 163 161 188	#A3A1BC
100.0%	100.0% #C3C2D0	RGB 195 194 208	#C3C2D0

#2C2B5C #3E3C6F #535182 #6B6996 #8583A9 #A3A1BC #C3C2D0

#2D2B5C - #6B6996 - #C3C2D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C2B5C 0%, #6B6996 50%, #C3C2D0 100%);
    background: -webkit-linear-gradient(top, #2C2B5C 0%, #6B6996 50%, #C3C2D0 100%);
    background: linear-gradient(to bottom, #2C2B5C 0%, #6B6996 50%, #C3C2D0 100%);
}
</style>