#683D68 - #D3C7D3 | 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 #683D68 a #D3C7D3

#683D68 #D3C7D3

Calcule el color entre dos colores, #683D68 y #D3C7D3. 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)

#683D68 - #D3C7D3 | 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 #683D68 como 0% y #D3C7D3 como 100%.

0.0%	0.0% #683D68	RGB 104 61 104	#683D68
16.7%	16.7% #795479	RGB 121 84 121	#795479
33.3%	33.3% #8B6B8B	RGB 139 107 139	#8B6B8B
50.0%	50.0% #9D829D	RGB 157 130 157	#9D829D
66.7%	66.7% #AF99AF	RGB 175 153 175	#AF99AF
83.3%	83.3% #C1B0C1	RGB 193 176 193	#C1B0C1
100.0%	100.0% #D3C7D3	RGB 211 199 211	#D3C7D3

#683D68 #795479 #8B6B8B #9D829D #AF99AF #C1B0C1 #D3C7D3

#683D68 - #D3C7D3

Mezcla HSV

#683D68 - #D3C7D3 | 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 #683D68 como 0% y #D3C7D3 como 100%.

0.0%	0.0% #683D68	RGB 104 61 104	#683D68
16.7%	16.7% #794E79	RGB 121 78 121	#794E79
33.3%	33.3% #8B628B	RGB 139 98 139	#8B628B
50.0%	50.0% #9D789D	RGB 157 120 157	#9D789D
66.7%	66.7% #AF90AF	RGB 175 144 175	#AF90AF
83.3%	83.3% #C1AAC1	RGB 193 170 193	#C1AAC1
100.0%	100.0% #D3C7D3	RGB 211 199 211	#D3C7D3

#683D68 #794E79 #8B628B #9D789D #AF90AF #C1AAC1 #D3C7D3

#683D68 - #9D789D - #D3C7D3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #683D68 0%, #9D789D 50%, #D3C7D3 100%);
    background: -webkit-linear-gradient(top, #683D68 0%, #9D789D 50%, #D3C7D3 100%);
    background: linear-gradient(to bottom, #683D68 0%, #9D789D 50%, #D3C7D3 100%);
}
</style>