#3D2D64 - #C7C3D2 | 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 #3D2D64 a #C7C3D2

#3D2D64 #C7C3D2

Calcule el color entre dos colores, #3D2D64 y #C7C3D2. 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)

#3D2D64 - #C7C3D2 | 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 #3D2D64 como 0% y #C7C3D2 como 100%.

0.0%	0.0% #3D2D64	RGB 61 45 100	#3D2D64
16.7%	16.7% #544676	RGB 84 70 118	#544676
33.3%	33.3% #6B5F88	RGB 107 95 136	#6B5F88
50.0%	50.0% #82789B	RGB 130 120 155	#82789B
66.7%	66.7% #9991AD	RGB 153 145 173	#9991AD
83.3%	83.3% #B0AABF	RGB 176 170 191	#B0AABF
100.0%	100.0% #C7C3D2	RGB 199 195 210	#C7C3D2

#3D2D64 #544676 #6B5F88 #82789B #9991AD #B0AABF #C7C3D2

#3D2D64 - #C7C3D2

Mezcla HSV

#3D2D64 - #C7C3D2 | 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 #3D2D64 como 0% y #C7C3D2 como 100%.

0.0%	0.0% #3C2D64	RGB 60 45 100	#3C2D64
16.7%	16.7% #4E3E76	RGB 78 62 118	#4E3E76
33.3%	33.3% #625388	RGB 98 83 136	#625388
50.0%	50.0% #786A9B	RGB 120 106 155	#786A9B
66.7%	66.7% #9085AD	RGB 144 133 173	#9085AD
83.3%	83.3% #AAA2BF	RGB 170 162 191	#AAA2BF
100.0%	100.0% #C7C3D2	RGB 199 195 210	#C7C3D2

#3C2D64 #4E3E76 #625388 #786A9B #9085AD #AAA2BF #C7C3D2

#3D2D64 - #786A9B - #C7C3D2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2D64 0%, #786A9B 50%, #C7C3D2 100%);
    background: -webkit-linear-gradient(top, #3C2D64 0%, #786A9B 50%, #C7C3D2 100%);
    background: linear-gradient(to bottom, #3C2D64 0%, #786A9B 50%, #C7C3D2 100%);
}
</style>