#72375C - #D6C5D0 | 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 #72375C a #D6C5D0

#72375C #D6C5D0

Calcule el color entre dos colores, #72375C y #D6C5D0. 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)

#72375C - #D6C5D0 | 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 #72375C como 0% y #D6C5D0 como 100%.

0.0%	0.0% #72375C	RGB 114 55 92	#72375C
16.7%	16.7% #824E6F	RGB 130 78 111	#824E6F
33.3%	33.3% #936682	RGB 147 102 130	#936682
50.0%	50.0% #A47E96	RGB 164 126 150	#A47E96
66.7%	66.7% #B495A9	RGB 180 149 169	#B495A9
83.3%	83.3% #C5ADBC	RGB 197 173 188	#C5ADBC
100.0%	100.0% #D6C5D0	RGB 214 197 208	#D6C5D0

#72375C #824E6F #936682 #A47E96 #B495A9 #C5ADBC #D6C5D0

#72375C - #D6C5D0

Mezcla HSV

#72375C - #D6C5D0 | 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 #72375C como 0% y #D6C5D0 como 100%.

0.0%	0.0% #72375C	RGB 114 55 92	#72375C
16.7%	16.7% #82486D	RGB 130 72 109	#82486D
33.3%	33.3% #935C7F	RGB 147 92 127	#935C7F
50.0%	50.0% #A47392	RGB 164 115 146	#A47392
66.7%	66.7% #B48BA6	RGB 180 139 166	#B48BA6
83.3%	83.3% #C5A7BA	RGB 197 167 186	#C5A7BA
100.0%	100.0% #D6C5D0	RGB 214 197 208	#D6C5D0

#72375C #82486D #935C7F #A47392 #B48BA6 #C5A7BA #D6C5D0

#72375C - #A47392 - #D6C5D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72375C 0%, #A47392 50%, #D6C5D0 100%);
    background: -webkit-linear-gradient(top, #72375C 0%, #A47392 50%, #D6C5D0 100%);
    background: linear-gradient(to bottom, #72375C 0%, #A47392 50%, #D6C5D0 100%);
}
</style>