#C448DF - #F9B5EE | 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 #C448DF a #F9B5EE

#C448DF #F9B5EE

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

#C448DF - #F9B5EE | 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 #C448DF como 0% y #F9B5EE como 100%.

0.0%	0.0% #C448DF	RGB 196 72 223	#C448DF
16.7%	16.7% #CC5AE1	RGB 204 90 225	#CC5AE1
33.3%	33.3% #D56CE4	RGB 213 108 228	#D56CE4
50.0%	50.0% #DE7EE6	RGB 222 126 230	#DE7EE6
66.7%	66.7% #E790E9	RGB 231 144 233	#E790E9
83.3%	83.3% #F0A2EB	RGB 240 162 235	#F0A2EB
100.0%	100.0% #F9B5EE	RGB 249 181 238	#F9B5EE

#C448DF #CC5AE1 #D56CE4 #DE7EE6 #E790E9 #F0A2EB #F9B5EE

#C448DF - #F9B5EE

Mezcla HSV

#C448DF - #F9B5EE | 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 #C448DF como 0% y #F9B5EE como 100%.

0.0%	0.0% #C448DF	RGB 196 72 223	#C448DF
16.7%	16.7% #D258E3	RGB 210 88 227	#D258E3
33.3%	33.3% #DF69E7	RGB 223 105 231	#DF69E7
50.0%	50.0% #EB7BEC	RGB 235 123 236	#EB7BEC
66.7%	66.7% #F08EEB	RGB 240 142 235	#F08EEB
83.3%	83.3% #F4A1EB	RGB 244 161 235	#F4A1EB
100.0%	100.0% #F9B5EE	RGB 249 181 238	#F9B5EE

#C448DF #D258E3 #DF69E7 #EB7BEC #F08EEB #F4A1EB #F9B5EE

#C448DF - #EB7BEC - #F9B5EE

Códigos CSS

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

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