#C7ADE1 - #C9DEE3 | 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 #C7ADE1 a #C9DEE3

#C7ADE1 #C9DEE3

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

#C7ADE1 - #C9DEE3 | 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 #C7ADE1 como 0% y #C9DEE3 como 100%.

0.0%	0.0% #C7ADE1	RGB 199 173 225	#C7ADE1
16.7%	16.7% #C7B5E1	RGB 199 181 225	#C7B5E1
33.3%	33.3% #C7BDE1	RGB 199 189 225	#C7BDE1
50.0%	50.0% #C8C5E2	RGB 200 197 226	#C8C5E2
66.7%	66.7% #C8CDE2	RGB 200 205 226	#C8CDE2
83.3%	83.3% #C8D5E2	RGB 200 213 226	#C8D5E2
100.0%	100.0% #C9DEE3	RGB 201 222 227	#C9DEE3

#C7ADE1 #C7B5E1 #C7BDE1 #C8C5E2 #C8CDE2 #C8D5E2 #C9DEE3

#C7ADE1 - #C9DEE3

Mezcla HSV

#C7ADE1 - #C9DEE3 | 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 #C7ADE1 como 0% y #C9DEE3 como 100%.

0.0%	0.0% #C7ADE1	RGB 199 173 225	#C7ADE1
16.7%	16.7% #BFB1E1	RGB 191 177 225	#BFB1E1
33.3%	33.3% #B9B6E1	RGB 185 182 225	#B9B6E1
50.0%	50.0% #BAC0E2	RGB 186 192 226	#BAC0E2
66.7%	66.7% #BFCCE2	RGB 191 204 226	#BFCCE2
83.3%	83.3% #C4D6E2	RGB 196 214 226	#C4D6E2
100.0%	100.0% #C9DEE3	RGB 201 222 227	#C9DEE3

#C7ADE1 #BFB1E1 #B9B6E1 #BAC0E2 #BFCCE2 #C4D6E2 #C9DEE3

#C7ADE1 - #BAC0E2 - #C9DEE3

Códigos CSS

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

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