#DCC5E5 - #B161B5 | 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 #DCC5E5 a #B161B5

#DCC5E5 #B161B5

Calcule el color entre dos colores, #DCC5E5 y #B161B5. 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)

#DCC5E5 - #B161B5 | 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 #DCC5E5 como 0% y #B161B5 como 100%.

0.0%	0.0% #DCC5E5	RGB 220 197 229	#DCC5E5
16.7%	16.7% #D4B4DD	RGB 212 180 221	#D4B4DD
33.3%	33.3% #CDA3D5	RGB 205 163 213	#CDA3D5
50.0%	50.0% #C693CD	RGB 198 147 205	#C693CD
66.7%	66.7% #BF82C5	RGB 191 130 197	#BF82C5
83.3%	83.3% #B871BD	RGB 184 113 189	#B871BD
100.0%	100.0% #B161B5	RGB 177 97 181	#B161B5

#DCC5E5 #D4B4DD #CDA3D5 #C693CD #BF82C5 #B871BD #B161B5

#DCC5E5 - #B161B5

Mezcla HSV

#DCC5E5 - #B161B5 | 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 #DCC5E5 como 0% y #B161B5 como 100%.

0.0%	0.0% #DCC5E5	RGB 220 197 229	#DCC5E5
16.7%	16.7% #D2B2DD	RGB 210 178 221	#D2B2DD
33.3%	33.3% #CAA0D5	RGB 202 160 213	#CAA0D5
50.0%	50.0% #C28FCD	RGB 194 143 205	#C28FCD
66.7%	66.7% #BC7EC5	RGB 188 126 197	#BC7EC5
83.3%	83.3% #B66FBD	RGB 182 111 189	#B66FBD
100.0%	100.0% #B161B5	RGB 177 97 181	#B161B5

#DCC5E5 #D2B2DD #CAA0D5 #C28FCD #BC7EC5 #B66FBD #B161B5

#DCC5E5 - #C28FCD - #B161B5

Códigos CSS

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

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