#DFECEB - #C7EBDF | 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 #DFECEB a #C7EBDF

#DFECEB #C7EBDF

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

#DFECEB - #C7EBDF | 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 #DFECEB como 0% y #C7EBDF como 100%.

0.0%	0.0% #DFECEB	RGB 223 236 235	#DFECEB
16.7%	16.7% #DBEBE9	RGB 219 235 233	#DBEBE9
33.3%	33.3% #D7EBE7	RGB 215 235 231	#D7EBE7
50.0%	50.0% #D3EBE5	RGB 211 235 229	#D3EBE5
66.7%	66.7% #CFEBE3	RGB 207 235 227	#CFEBE3
83.3%	83.3% #CBEBE1	RGB 203 235 225	#CBEBE1
100.0%	100.0% #C7EBDF	RGB 199 235 223	#C7EBDF

#DFECEB #DBEBE9 #D7EBE7 #D3EBE5 #CFEBE3 #CBEBE1 #C7EBDF

#DFECEB - #C7EBDF

Mezcla HSV

#DFECEB - #C7EBDF | 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 #DFECEB como 0% y #C7EBDF como 100%.

0.0%	0.0% #DFECEB	RGB 223 236 235	#DFECEB
16.7%	16.7% #DAEBE9	RGB 218 235 233	#DAEBE9
33.3%	33.3% #D6EBE8	RGB 214 235 232	#D6EBE8
50.0%	50.0% #D2EBE6	RGB 210 235 230	#D2EBE6
66.7%	66.7% #CEEBE4	RGB 206 235 228	#CEEBE4
83.3%	83.3% #CAEBE1	RGB 202 235 225	#CAEBE1
100.0%	100.0% #C7EBDF	RGB 199 235 223	#C7EBDF

#DFECEB #DAEBE9 #D6EBE8 #D2EBE6 #CEEBE4 #CAEBE1 #C7EBDF

#DFECEB - #D2EBE6 - #C7EBDF

Códigos CSS

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

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