#FFBBCB - #CF4E5E | 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 #FFBBCB a #CF4E5E

#FFBBCB #CF4E5E

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

#FFBBCB - #CF4E5E | 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 #FFBBCB como 0% y #CF4E5E como 100%.

0.0%	0.0% #FFBBCB	RGB 255 187 203	#FFBBCB
16.7%	16.7% #F7A8B8	RGB 247 168 184	#F7A8B8
33.3%	33.3% #EF96A6	RGB 239 150 166	#EF96A6
50.0%	50.0% #E78494	RGB 231 132 148	#E78494
66.7%	66.7% #DF7282	RGB 223 114 130	#DF7282
83.3%	83.3% #D76070	RGB 215 96 112	#D76070
100.0%	100.0% #CF4E5E	RGB 207 78 94	#CF4E5E

#FFBBCB #F7A8B8 #EF96A6 #E78494 #DF7282 #D76070 #CF4E5E

#FFBBCB - #CF4E5E

Mezcla HSV

#FFBBCB - #CF4E5E | 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 #FFBBCB como 0% y #CF4E5E como 100%.

0.0%	0.0% #FFBBCB	RGB 255 187 203	#FFBBCB
16.7%	16.7% #F7A6B7	RGB 247 166 183	#F7A6B7
33.3%	33.3% #EF92A5	RGB 239 146 165	#EF92A5
50.0%	50.0% #E78092	RGB 231 128 146	#E78092
66.7%	66.7% #DF6E80	RGB 223 110 128	#DF6E80
83.3%	83.3% #D75D6F	RGB 215 93 111	#D75D6F
100.0%	100.0% #CF4E5E	RGB 207 78 94	#CF4E5E

#FFBBCB #F7A6B7 #EF92A5 #E78092 #DF6E80 #D75D6F #CF4E5E

#FFBBCB - #E78092 - #CF4E5E

Códigos CSS

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

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