#D0B5E6 - #CDDAE4 | 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 #D0B5E6 a #CDDAE4

#D0B5E6 #CDDAE4

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

#D0B5E6 - #CDDAE4 | 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 #D0B5E6 como 0% y #CDDAE4 como 100%.

0.0%	0.0% #D0B5E6	RGB 208 181 230	#D0B5E6
16.7%	16.7% #CFBBE5	RGB 207 187 229	#CFBBE5
33.3%	33.3% #CFC1E5	RGB 207 193 229	#CFC1E5
50.0%	50.0% #CEC7E5	RGB 206 199 229	#CEC7E5
66.7%	66.7% #CECDE4	RGB 206 205 228	#CECDE4
83.3%	83.3% #CDD3E4	RGB 205 211 228	#CDD3E4
100.0%	100.0% #CDDAE4	RGB 205 218 228	#CDDAE4

#D0B5E6 #CFBBE5 #CFC1E5 #CEC7E5 #CECDE4 #CDD3E4 #CDDAE4

#D0B5E6 - #CDDAE4

Mezcla HSV

#D0B5E6 - #CDDAE4 | 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 #D0B5E6 como 0% y #CDDAE4 como 100%.

0.0%	0.0% #D0B5E6	RGB 208 181 230	#D0B5E6
16.7%	16.7% #C9B9E5	RGB 201 185 229	#C9B9E5
33.3%	33.3% #C4BDE5	RGB 196 189 229	#C4BDE5
50.0%	50.0% #C1C1E5	RGB 193 193 229	#C1C1E5
66.7%	66.7% #C5CBE4	RGB 197 203 228	#C5CBE4
83.3%	83.3% #C9D3E4	RGB 201 211 228	#C9D3E4
100.0%	100.0% #CDDAE4	RGB 205 218 228	#CDDAE4

#D0B5E6 #C9B9E5 #C4BDE5 #C1C1E5 #C5CBE4 #C9D3E4 #CDDAE4

#D0B5E6 - #C1C1E5 - #CDDAE4

Códigos CSS

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

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