#DAD4D9 - #8C769D | 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 #DAD4D9 a #8C769D

#DAD4D9 #8C769D

Calcule el color entre dos colores, #DAD4D9 y #8C769D. 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)

#DAD4D9 - #8C769D | 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 #DAD4D9 como 0% y #8C769D como 100%.

0.0%	0.0% #DAD4D9	RGB 218 212 217	#DAD4D9
16.7%	16.7% #CDC4CF	RGB 205 196 207	#CDC4CF
33.3%	33.3% #C0B4C5	RGB 192 180 197	#C0B4C5
50.0%	50.0% #B3A5BB	RGB 179 165 187	#B3A5BB
66.7%	66.7% #A695B1	RGB 166 149 177	#A695B1
83.3%	83.3% #9985A7	RGB 153 133 167	#9985A7
100.0%	100.0% #8C769D	RGB 140 118 157	#8C769D

#DAD4D9 #CDC4CF #C0B4C5 #B3A5BB #A695B1 #9985A7 #8C769D

#DAD4D9 - #8C769D

Mezcla HSV

#DAD4D9 - #8C769D | 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 #DAD4D9 como 0% y #8C769D como 100%.

0.0%	0.0% #DAD4D9	RGB 218 212 217	#DAD4D9
16.7%	16.7% #CFC2CE	RGB 207 194 206	#CFC2CE
33.3%	33.3% #C4B1C5	RGB 196 177 197	#C4B1C5
50.0%	50.0% #B8A1BB	RGB 184 161 187	#B8A1BB
66.7%	66.7% #AA92B1	RGB 170 146 177	#AA92B1
83.3%	83.3% #9B83A7	RGB 155 131 167	#9B83A7
100.0%	100.0% #8C769D	RGB 140 118 157	#8C769D

#DAD4D9 #CFC2CE #C4B1C5 #B8A1BB #AA92B1 #9B83A7 #8C769D

#DAD4D9 - #B8A1BB - #8C769D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAD4D9 0%, #B8A1BB 50%, #8C769D 100%);
    background: -webkit-linear-gradient(top, #DAD4D9 0%, #B8A1BB 50%, #8C769D 100%);
    background: linear-gradient(to bottom, #DAD4D9 0%, #B8A1BB 50%, #8C769D 100%);
}
</style>