#C95ECE - #FFBFD4 | 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 #C95ECE a #FFBFD4

#C95ECE #FFBFD4

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

#C95ECE - #FFBFD4 | 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 #C95ECE como 0% y #FFBFD4 como 100%.

0.0%	0.0% #C95ECE	RGB 201 94 206	#C95ECE
16.7%	16.7% #D26ECF	RGB 210 110 207	#D26ECF
33.3%	33.3% #DB7ED0	RGB 219 126 208	#DB7ED0
50.0%	50.0% #E48ED1	RGB 228 142 209	#E48ED1
66.7%	66.7% #ED9ED2	RGB 237 158 210	#ED9ED2
83.3%	83.3% #F6AED3	RGB 246 174 211	#F6AED3
100.0%	100.0% #FFBFD4	RGB 255 191 212	#FFBFD4

#C95ECE #D26ECF #DB7ED0 #E48ED1 #ED9ED2 #F6AED3 #FFBFD4

#C95ECE - #FFBFD4

Mezcla HSV

#C95ECE - #FFBFD4 | 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 #C95ECE como 0% y #FFBFD4 como 100%.

0.0%	0.0% #C95DCE	RGB 201 93 206	#C95DCE
16.7%	16.7% #D66CCE	RGB 214 108 206	#D66CCE
33.3%	33.3% #DE7BCB	RGB 222 123 203	#DE7BCB
50.0%	50.0% #E68AC9	RGB 230 138 201	#E68AC9
66.7%	66.7% #EE9BCA	RGB 238 155 202	#EE9BCA
83.3%	83.3% #F6ACCD	RGB 246 172 205	#F6ACCD
100.0%	100.0% #FFBFD4	RGB 255 191 212	#FFBFD4

#C95DCE #D66CCE #DE7BCB #E68AC9 #EE9BCA #F6ACCD #FFBFD4

#C95ECE - #E68AC9 - #FFBFD4

Códigos CSS

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

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